vue+element UI rules校验

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时取消校验必填。