欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-06-07 22:07:12
...

这个问题主要出现在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,newVal) { //监视dialog状态(打开、关闭)
        if(val) {
            try {
                this.$refs['editForm'].resetFields(); //重置编辑表单
            } catch (e) {

            }
        }

    }
}