Vue开发时新增或编辑时resetFields失效

在实际开发时,碰到了先打开编辑弹窗进行赋值再关闭,再打开新增时resetFields失效,导致数据未被刷新。感觉挺常见的,记录一下:(element ui、antd vue 几个主流的框架都会出现这个问题)

resetFields方法的原理:

对整个表单进行重置,将所有字段值重置为初始值并移除校验结果。所以编辑时的初始值是我们赋予的,所以导致新增时的内容未被重置(其实已经被重置了,只是重置的值是编辑时所赋予的值。)

解决方法:

在编辑赋值时使用$nextTick,异步赋值数据。

你可能感兴趣的:(常见问题)