elementui form表单resetFields()不生效

1、问题出现原因,form表单复用。多次试验结果如下:

1.1、先打开新增弹出框(没有值)再打开修改弹出框(赋值),resetFields()方法可以生效!

1.2、先打开修改弹出框(赋值),再打开新增弹出框(没有值),此时resetFields()方法不再生效!不管新增还是修改,resetFields()方法都不再生效!哪怕你手动删除值,再次打开依然会存在数据!

 

2、原因是这个初始值是在form mounted生命周期被赋值上去的,解决办法使用 $nextTick() 方法。注意顺序,弹出框要先打开,再赋值

elementui form表单resetFields()不生效_第1张图片

 

你可能感兴趣的:(前端,Vue,Element,resetFields不生效,el,resetFields)