el-dialog中的x这么清空校验
时间: 2023-10-19 18:18:16 浏览: 65
基于element-ui对话框el-dialog初始化的校验问题解决
5星 · 资源好评率100%
在使用 Element UI 的 el-dialog 组件时,如果需要清空校验,可以使用以下方法:
1. 在关闭 dialog 时,手动清空表单中的数据和错误信息:
```javascript
this.$refs['formName'].resetFields(); // 清空表单数据
this.$refs['formName'].clearValidate(); // 清空错误信息
```
2. 在 dialog 中添加一个取消按钮,点击时清空表单数据和错误信息:
```html
<el-dialog>
<el-form ref="formName">
<!-- 表单内容 -->
</el-form>
<div slot="footer">
<el-button @click="resetForm">取消</el-button>
<el-button type="primary" @click="submitForm">确定</el-button>
</div>
</el-dialog>
```
```javascript
methods: {
resetForm() {
this.$refs['formName'].resetFields(); // 清空表单数据
this.$refs['formName'].clearValidate(); // 清空错误信息
this.dialogVisible = false; // 关闭 dialog
},
submitForm() {
// 提交表单
}
}
```
阅读全文