uniapp根据条件动态验证某项

一、页面

<u-form-item  label="企业认证" prop="auth">
          <u-radio-group v-model="form.auth" placement="row" @change="groupChange">
            <u-radio  v-for="(item, index) in radiolist" :key="index" :customStyle="{marginLeft: '8px'}"
              :label="item.name" :name="item.name" shape="square" >
            </u-radio>
          </u-radio-group>
        </u-form-item>
        <u-form-item :required="form.auth=='是'?true:false" label="法人姓名" prop="legalPerson">
          <u-input v-model="form.legalPerson" type="text" placeholder="请输入" border="bottom"></u-input>
        </u-form-item>
        <u-form-item :required="form.auth=='是'?true:false" label="法人身份证号" prop="legalCard">
          <u-input v-model="form.legalCard" type="text" placeholder="请输入" border="bottom"></u-input>
        </u-form-item>
        <u-form-item :required="form.auth=='是'?true:false" label="法人手机号" prop="legalPhone">
          <u-input v-model="form.legalPhone" type="text" placeholder="请输入" border="bottom"></u-input>
        </u-form-item>

二、data中rules规则

rules:{

legalPerson: [{
            required: false,
            message: '法人姓名不能为空',
            trigger: ['blur', 'change']
          }],
          legalCard: [{
            required: false,
            message: '身份证号不能为空',
            trigger: ['blur', 'change']
          },
          ],
          legalPhone: [{
              required: false,
              message: '手机号不能为空',
              trigger: ['blur', 'change']
            }
          ],

}

三、根据选择设置验证规则：

// 动态添加校验规则
      groupChange(e){
        if(e=='是'){
          this.rules.legalPerson[0].required = true
          this.rules.legalCard[0].required = true
          this.rules.legalCard.push( {
            validator: (rule, value, callback) => {
              return uni.$u.test.idCard(value);
            },
            message: '身份证号不正确',
            trigger: ['change', 'blur'],
          });
          this.rules.legalPhone[0].required = true
          this.rules.legalPhone.push( {
            validator: (rule, value, callback) => {
              return uni.$u.test.mobile(value);
            },
            message: '手机号码不正确',
            trigger: ['change', 'blur'],
          });
          this.rules.code[0].required = true
          this.rules.licence[0].required = true
        }else{
          this.rules.legalPerson[0].required = false
          this.rules.legalCard[0].required = false
          this.rules.legalPhone[0].required = false
          this.rules.code[0].required = false
          this.rules.licence[0].required = false
          this.$refs.uForm.clearValidate(['legalPerson','legalCard','legalPhone','code','licence']);
        }
      },