项目场景:
表单(单个/动态)其中一项"X“项是否需要校验是根据另外一项’A’去判断
问题描述
提示:这里描述项目中遇到的问题:
:required=“audit.approvalType == 2 ? true : false”
错误写法:
<el-form-item
label=""
:prop="'auditUser.' + auditIndex + '.stopReason'"
:required="audit.approvalType == 2 ? true : false"
>
<el-input
v-model="audit.stopReason"
style="width: 482px"
maxlength="50"
></el-input>
</el-form-item>
原因分析:
required: 是否为必填项,如不设置,则会根据校验规则确认
会出现表单项英文的提示
解决方案:
提示:这里填写该问题的具体解决方案:
将校验规则rules在标签处判断即可
<el-form-item
label=""
:prop="'auditUser.' + auditIndex + '.stopReason'"
:rules="{
required: audit.approvalType == 2 ? true : false,
message: '',
trigger: 'change',
}"
>
<el-input
v-model="audit.stopReason"
style="width: 482px"
maxlength="50"
></el-input>
</el-form-item>