vue中对列表行进行编辑时,弹窗关闭使用this.$refs['addForm'].resetFields()不能重置表单

在将列表数据直接加载进编辑表单时会存在这个问题。

加载数据时dialog显示后Form的DOM没加载完,导致后面关闭时resetFields()不能重置表单

// 编辑
    edit(row) {
      this.visible= true;
//在给表单赋值前,要先让DOM加载完
      this.$nextTick(() => {
        // 深拷贝避免污染原数据
        this.addForm = { ...row };
      })
    },


    // 关闭窗口
    closeDialog() {
    // 这里才能重置表单
      this.$refs['addForm'].resetFields();
    },

 

posted @ 2026-06-01 09:20  何以平天下  阅读(7)  评论(0)    收藏  举报