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

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


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

// 表单重置

    reset() {

      this.form = { };

      this.$nextTick(() => {

        this.resetForm("form");

      })

    },

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

handleUpdate(row) {

      this.open = true;

      this.$nextTick(() => {

        this.form = row;

      })

    },

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容