Iview动态控制form验证的小红星

Iview动态控制form验证的小红星

1、动态控制form验证的小红星

<!--HTML部分：-->
<FormItem :class="{requireStar:bankFlag1}">

/*CSS部分：*/
/*动态必填项className*/
.requireStar .ivu-form-item-label:before{content: '*';display: inline-block;margin-right: 4px;line-height: 1;font-family: SimSun;font-size: 12px;color: #ed4014;
}

//Javascript部分：
//bankFlag1是boolean值为根据你的需求控制ture或者false，在验证上加上bankFlag1变量实现js验证的同步，如果bankFlag1值为false则不校验。
//自定义验证方法：
const c = (rule, value, callback) => {if (!value && this.bankFlag1) {return callback(new Error('这是必填选项。'));} else {return callback();}
};