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

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

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

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

 

 现象二:

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

 

 

 

 

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

 

posted @ 2022-06-10 15:18  赵辉Coder  阅读(914)  评论(0编辑  收藏  举报