【无标题】

项目场景:

表单(单个/动态)其中一项"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>

你可能感兴趣的:(vue.js)