vue element-ui 重置表单影响表单原数据展示

问题:打开第一条数据的编辑的对话框不做任何修改关掉,在打开第二条数据的对话框然后关闭,表格里第二条数据的某些字段的内容跟第一条数据一摸一样。


解决办法:在dialog的close方法里的重置表单的方法改成这样

// 表单重置

    reset() {

      this.form = { };

      this.$nextTick(() => {

        this.resetForm("form");

      })

    },

在编辑的时候等到DOM更新完成再赋值

handleUpdate(row) {

      this.open = true;

      this.$nextTick(() => {

        this.form = row;

      })

    },

你可能感兴趣的:(vue element-ui 重置表单影响表单原数据展示)