element-ui中利用resetFields()清空表单时的坑
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
原文链接:https://blog.csdn.net/weixin_41991501/article/details/81975821#commentBox
先上图:
在使用的过程中:
1. model中的字段要和ref中的字段对应上,model中的字段也就是v-model中监听的对象的字段。
2. prop中的字段要和v-model中的字段对应上,这个四个字段都是为了做验证或重置使用
使用resetFields()应注意的:
1. resetFields()只是重置,重置为初始值。
2. 这个初始值是在form表单created时确定的,如果在created的时候赋值了,
那么在以后的重置的时候都不会重置为空字符串。
3. 在进行编辑的时候需要在打开form表单的时候对输入框赋值,那么赋值动作就是在created的时候进行的,
那么在以后重置的时候都不会重置为空字符串了。
解决办法:利用this.$nextTick()将赋值操作放到dom渲染结束之后
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)