element关闭模态框清空表单验证

1.点模态框右上角X关闭,不要用close或before-close属性,因为没办法传参,用@close事件
2.如果报错’resetFields’ of undefined,加一步判断:

if (this.$refs[formRule] !== undefined) {
    this.$refs[formRule].resetFields();
}
代码整理
//点右上角的X
@close="closeModel('modelForm')"
//点自定义的按钮
<el-button @click="closeModel('modelForm')">取消</el-button>
//方法
closeModel(formRule) {
  this.createModel = false;
  if (this.$refs[formRule] !== undefined) {
    this.$refs[formRule].resetFields();
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容