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

📅 2026/7/28 12:26:03 👁️ 阅读次数 📝 编程学习
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();},