vue element dialog弹框 表单 编辑后再点击新增 表单无法重置问题

问题描述

在用ElementUI做动态表单时，数据的修改都是打开dialog（子组件）中进行操作的，但是在修改数据时，正常来说可以直接调用 this.$refs[str].resetFields() 直接清空，但是这里会出现一个问题:
form表单的重置是以第一次打开的数据作为重置标准,如果先打开的是编辑,那么重置之后以第一次更新的数据作为标准，即表单的数据为编辑时的数据;

解决方式

  • 用 nextTick 处理一下form的数据
this.$nextTick(() => {
                this.detailForm = data;
  })
  • 然后在关闭dialog 时调用重置方法
resetForm(formName) {
    this.$refs[formName].resetFields();
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容