普通的表单保存,不利用element-UI框架,当输入框内的值发生改变时,保存相应的key-value值,此时涉及到值改变时的触发事件,作者当时使用的是有赞中组件field输入框,感兴趣的同学可以了解一下https://youzan.github.io/vant/#/zh-CN/field
,
当值发生改变时触发事件可以利用blur当输入框失去焦点时触发(颜色变为红色),change输入域发生变化时,触发事件(颜色变为红色),这种情况下一般的保存按钮不会有任何问题,采用change事件即可保存成功,但是当开发钉钉微应用时,会出现问题,
当用户输入后直接保存,鼠标并未离开输入框即输入框并未失去焦点,直接保存,在保存的数据中并未出现该条数据
所以change和blur不符合保存的要求,
image.png
采用有赞组件中的属性,采用input即可解决该问题
网友评论