element 表单验证规则prop动态绑定

Question

需要在单选为否的时候让下面的隐藏且不验证 现在用的饿了么的动画 就只能用v-show控制显示隐藏 验证还是在执行 请问怎么去掉验证?

请大神指教!

<el-form-item label="是否使用:"  label-width="110px">
   <el-radio-group v-model="dataForm.isUse">
        <el-radio :label="0">否</el-radio>
        <el-radio :label="1">是</el-radio>
    </el-radio-group>
</el-form-item>
<el-collapse-transition>
    <div v-show="dataForm.isUse" >
        <el-form-item label="推荐人奖励:" prop="highGradeReferrerAward" >
        <el-input placeholder="请输入" v-model='dataForm.highGradeReferrerAward'>></el-input>
        </el-form-item>
    </div>
</el-collapse-transition>

Answer 1

<el-form-item label="推荐人奖励:" prop="highGradeReferrerAward" :rules="[{ required: dataForm.isUse, message: '推荐人奖励不能为空', trigger: 'blur' }]">
    <el-input placeholder="请输入" v-model='dataForm.highGradeReferrerAward'>></el-input>
</el-form-item>

这样试试呢，不要在 data 中的 rules 里面写了