在实际开发时,碰到了先打开编辑弹窗进行赋值再关闭,再打开新增时resetFields失效,导致数据未被刷新。感觉挺常见的,记录一下:(element ui、antd vue 几个主流的框架都会出现这个问题)
resetFields方法的原理:
对整个表单进行重置,将所有字段值重置为初始值并移除校验结果。所以编辑时的初始值是我们赋予的,所以导致新增时的内容未被重置(其实已经被重置了,只是重置的值是编辑时所赋予的值。)
解决方法:
在编辑赋值时使用$nextTick,异步赋值数据。
在实际开发时,碰到了先打开编辑弹窗进行赋值再关闭,再打开新增时resetFields失效,导致数据未被刷新。感觉挺常见的,记录一下:(element ui、antd vue 几个主流的框架都会出现这个问题)
对整个表单进行重置,将所有字段值重置为初始值并移除校验结果。所以编辑时的初始值是我们赋予的,所以导致新增时的内容未被重置(其实已经被重置了,只是重置的值是编辑时所赋予的值。)
在编辑赋值时使用$nextTick,异步赋值数据。