项目场景：

表单(单个/动态)其中一项"X"项是否需要校验是根据另外一项'A'去判断

问题描述

提示：这里描述项目中遇到的问题：

:required="audit.approvalType == 2 ? true : false"

错误写法:

c 复制代码

  <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在标签处判断即可

javascript 复制代码

<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>