定制网站建设案例课堂,长沙优化科技,网站招牌模板,怎么把自己的产品推广出去要对el-form里面的字段动态生成校验规则#xff0c;测试了一系列的骚操作也无法生效#xff0c;要么是require视图生效了#xff0c;校验规则还是不生效;看了csdn里面好多方案#xff0c;都是废话#xff0c;废话#xff0c;直接上硬货#xff0c;最终总结如下#xff… 要对el-form里面的字段动态生成校验规则测试了一系列的骚操作也无法生效要么是require视图生效了校验规则还是不生效;看了csdn里面好多方案都是废话废话直接上硬货最终总结如下 el-form :rulesrules refauditForm :modelauditForm label-width100pxel-form-item label审核结果 propauditStatusel-radio-group v-modelauditForm.auditStatus changeupdateFormRulesel-radio labelY通过/el-radioel-radio labelN不通过/el-radio/el-radio-group/el-form-itemel-form-item label审核意见 propremarkel-inputv-modelauditForm.remarkplaceholder请输入typetextarea:rows2clearablemaxlength200show-word-limit//el-form-item/el-form需求描述选择审核结果为N不通过时审核意见为必填否则为不必填。 原本的rules里面不必去填写审核意见的校验 rules: {auditStatus: [{ required: true, message: 请选择, trigger: blur }]},方案一监听审核结果的change事件去动态增加审核意见的规则 方案二使用watch去监听审核结果的值去动态增加审核意见的规则 updateFormRules () {if (this.auditForm.auditStatus N) {this.$set(this.rules, remark, [{ required: true, message: 请输入审核意见, trigger: blur },{ min: 3, max: 200, message: 长度在 3 到 200 个字符, trigger: blur }]);} else {this.$set(this.rules, remark, []);}this.$nextTick(() {this.$refs.auditForm.clearValidate(); // 清除表单验证规则this.$refs.auditForm.validate(); // 重新验证表单});},
