Form 表单校验时用到了rules,本文情况为input当值布尔值phoneFlag为true时 校验,否则不校验,代码如下:
<el-form-item
label="手机号" prop="phoneNum" :rules="this.phoneFlag?rules.phoneNum:[{ required: false}]" >
<el-input type="number" v-model="phoneVal " ></el-input>
</el-form-item>
添加了此句, :rules=“this.phoneFlag?rules.phoneNum:[{ required: false}]”
使用三目运算,判断phoneFlag值,为true时使用原有绑定的rules中phoneNum校验;为false时取消校验必填。