【el-form】根据指定表单项,决定另一表单项是否必填

根据某个表单项的指定条件,决定另一表单项是否必填

场景:表单中的下拉框,只有选择指定的值,才会让另一个输入框进行必填校验,选其他的值不校验

校验要动态,输入框的提示语也动态控了下

            <el-form-item
                      label="xxx"
                      prop="commodity"
                      :rules="form.line == '007' || form.line == '008' || form.line == '011' || form.line == '017' ? rules.commodity : []"
                    >
                      <el-input
                        v-model="form.commodity"             
                        :placeholder="
                          form.line == '007' || form.line == '008' || form.line == '011' || form.line == '017' ? '请输入' : ''
                        "                  
                      />
                    </el-form-item>

          rules: {
    commodity: [
          {
            required: true,
            trigger: ['blur', 'change'],
            message: 'xx不能为空',
          },
        ],
        }

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