elementUI form表单先点击查看,再点击新增,上次遗留数据没有清空

57 阅读1分钟

现象:在使用elementUI做增删改查时,查看与新增共用一个表单,先点击查看,再点击新增,上次遗留数据没有清空成功。 用resetFeilds去清空表单也没有清空成功。

在关闭弹框的函数里添加以下代码便可清空表单:

//取消
    cancel(form) {
      this.drawer = false
      this.formData = this.$options.data().formData//添加此代码
      //   this.$refs.form.resetFields()无效代码
    },

this.formData是表单对象。