0
点赞
收藏
分享

微信扫一扫

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

Sky飞羽 2022-01-04 阅读 60

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();
  }
}
举报

相关推荐

0 条评论