element-ui中resetFields()清空表单无效
今天在利用Vue写前端时候,使用到了ElementUI。其中使用到关于表单清空resetFields()时,发现并没生效,下面说下注意事项和解决方案。一、解决方案二、注意事项1. 在使用的过程中:(1) model中的字段要和ref中的字段对应上,model中的字段也就是v-model中监听的对象的字段。(2) prop中的字段要和v-model中的字段对应上,这个四个字段都是为...
·
今天在利用Vue写前端时候,使用到了ElementUI。其中使用到关于表单清空resetFields()时,发现并没生效,下面说下注意事项和解决方案。
一、解决方案
二、注意事项
1. 在使用的过程中:
(1) model中的字段要和ref中的字段对应上,model中的字段也就是v-model中监听的对象的字段。
(2) prop中的字段要和v-model中的字段对应上,这个四个字段都是为了做验证或重置使用
2.使用resetFields()应注意的:
(1) resetFields()只是重置,重置为初始值。
(2) 这个初始值是在form表单created时确定的,如果在created的时候赋值了,
那么在以后的重置的时候都不会重置为空字符串。
(3) 在进行编辑的时候需要在打开form表单的时候对输入框赋值,那么赋值动作就
是在created的时候进行的, 那么在以后重置的时候都不会重置为空字符串了。
解决办法:利用this.$nextTick()将赋值操作放到dom渲染结束之后
更多推荐
已为社区贡献3条内容
所有评论(0)