vue elementui新增和修改用同一个弹窗，resetFields不起作用

element-ui 表单重置 this.$refs[formName].resetFields()方法不起作用的解决方法：

现象一：新增和修改用同一个弹窗

解决办法：将回显数据放到 setTimeout 或者 nextTick 里面

 

 现象二：

新增编辑同一个表单，新增时，先校验企业的业务，如果不符合需要先编辑然后再新增，此时的“点我编辑”和表格的“编辑”用的同一个编辑表单，如下图所示。   “点我编辑”打开表单后重置按钮不起作用。 解决办法：将回显数据放到 setTimeout 或者 nextTick 里面  

 

 

 

 

 原因：dom加载更新是异步的，要等dom渲染完毕之后再通过this.$nextTick()回调函数把数据回显。

 

标签：nextTick,vue,同一个,回显,elementui,resetFields,新增,表单,编辑
来源： https://www.cnblogs.com/zhaohui9527/p/16363352.html