this.$refs['form'].resetFields()方法的注意问题

1、要想this.$refs[‘form’].resetFields()方法有效,必须配置el-form :model 属性和el-form-item中的prop属性,才可以

2、在还没有显示对话框之前就调用this.$refs[‘form’].resetFields(),会报错。

应使用此方式:
this
.$nextTick(() => { this.$refs['form'].resetFields(); });

this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值,不是清空表单,当表单第一次在页面中渲染时所用的数据就是初始数据,

如果修改对象的表单赋值没有放在nextTick中,就会在表单渲染时就会将这个修改对象作为初始值,所以出现无效了。

使用nextTick保证表单在第一次渲染时是空值就可以了。

posted @ 2023-06-07 16:49  唏嘘-  阅读(225)  评论(0编辑  收藏  举报