去掉表单验证信息二次打开残留
程序员文章站
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) {
}
}
}
}
推荐阅读