博客

前一次打开dialog后产生的rules校验，第二次时打开还存在，没有被消除

<el-dialog title="对话框" :visible.sync="dialogFormVisible" :close-on-click-modal="false">
...
</el-dialog>

使用

resetFields()

方法

resetForm(formName) {
    if (this.$refs[formName]!==undefined) {
        // 清除表单内容和清除表单验证消息
        this.$refs[formName].resetFields();
    }
}

注意：如果不加判断，直接使用

this.$refs['dataForm'].resetFields()

，可能会报错

TypeError: Cannot read property 'resetFields' of undefined

，同时我发现，只要显示过一次dialog，后面就不会报错了。所以我可以确定是因为代码量过大，对应的对象来不及生成，从而导致了读取了空对象。

打开对话框

handleCreate() {

    this.$nextTick(() => {
        this.resetForm('dataForm');
        // 清空编辑框
        this.resetTemp()
        this.dialogFormVisible = true
    })

}