如何解决基于element-ui对话框el-dialog初始化的校验问题？

本文共计614个文字，预计阅读时间需要3分钟。

在重新打开el-dialog对话框时，若已绑定了rules或设置了required属性，它将自动进行校验。查阅了多篇博文，发现常见的两种解决方案如下：

1. 在el-dialog组件上使用v-if指令，确保每次打开对话框时都重新渲染，从而触发校验。

2.使用watch监听绑定的数据，当数据变化时手动触发校验。

具体方法可参考以下博文：[博文链接1](#)，[博文链接2](#)。

不刷新页面重新打开el-dialog时，如果我们绑定了rules或者某个值需要required，它总会自动校验。

查看了多个博文，发现常用的有两种解决方法(下列方法都可以在其他博文查看，不再细写，如有需要请自行查询)：

1.给dialog套上v-if ；

2.在关闭dialog时,监听关闭回调,清除校验。