去掉表单验证信息二次打开残留

这个问题主要出现在dialog里面,就是在打开弹出框,表单验证不通过,会出现提示信息,不进行任何处理关闭后第二次打开,这些提示信息依旧显示。有两种实现方式:

1、重置表单信息,刷新页面

原文链接:https://www.cnblogs.com/hezihao/p/7416820.html

2、利用watch监视dialog的显示状态,重置表单

这种方式也有人写过,我改动了一点点,原文链接:https://blog.csdn.net/caijunfen/article/details/79708192

代码如下:

<el-dialog title="编辑"
    :visible.sync="editFormVisible">
    <el-form></el-form>
</el-dialog>

watch: {
    editFormVisible(val) { //监视dialog状态(打开、关闭)
        if(val) {
            try {
                this.$refs['editForm'].resetFields(); //重置编辑表单
            } catch (e) {

            }
        }

    }
}

猜你喜欢

转载自blog.csdn.net/liaoxuewu/article/details/81185732