美文网首页
vue element-ui 重置表单影响表单原数据展示

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

作者: 默着 | 来源:发表于2021-07-28 16:21 被阅读0次

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

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

// 表单重置

    reset() {

      this.form = { };

      this.$nextTick(() => {

        this.resetForm("form");

      })

    },

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

handleUpdate(row) {

      this.open = true;

      this.$nextTick(() => {

        this.form = row;

      })

    },

相关文章

网友评论

      本文标题:vue element-ui 重置表单影响表单原数据展示

      本文链接:https://www.haomeiwen.com/subject/spbzmltx.html