Bootstrap

elementui <el-form :rules=“rules“> rules触发的方式,在提交的时候触发。并自定义清除rule。

方法很简单,在定义rules的时候,

1.name: [{ required: true, message: ‘必须入力的项目’, trigger: ‘suiyidingyi’ }], trigger对应的值,随意写。

2. 在提交按钮里面加上验证,业务逻辑写在if里面。this.findRefs(‘form’).validate(async (valid: any) => {

        if (valid) {});

3.在标签上添加@change="onClickCheckValidate()"事件。标签可以是el-input el-select等等。。。作用是,当标签的内容改变的时候,清除验证。学费了吗

        if (this.form.name !== '') {
            this.findRefs('form').clearValidate('name');
        }
;