element-ui表单验证同时用change与blur一起验证

项目场景:

提示:这里简述项目相关背景:

当审批时不通过审批意见要必须输入,

1:如果用change验证的话删除所有内容时报错是massage的提示,但是在失去焦点的时候报错就成了英文,如下图:

 

 2:如果用blur验证的话删除所有内容时报错是massage的提示,但是在失去焦点的时候报错就成了英文,与上面正好相反


原因分析:

提示:这里填写问题的分析:

element本身就只有但对某一种验证生效,如果想两个都用那么就可以写两种验证


解决方案:

提示:这里填写该问题的具体解决方案:

<!-- shenPiDialogForm.approve=='2' 审批不通过 审批意见必填 -->
<el-form-item
            label="批示意见:"
            prop="opinion"
            :required="shenPiDialogForm.approve=='2'?true:false"
            :rules="[
               { 
                 required: shenPiDialogForm.approve=='2'?true:false, 
                 message: '请输入批示意见', trigger:['blur', 'change'] 
               },
              // { 
              //   required: shenPiDialogForm.approve=='2'?true:false, 
              //   message: '请输入批示意见', trigger: 'change' 
              // },
              // { 
              //   required: shenPiDialogForm.approve=='2'?true:false, 
              //   message: '请输入批示意见', trigger: 'blur' 
              // },
            ]"
          >
            <el-input
              type="textarea"
              placeholder="请输入内容"
              v-model="shenPiDialogForm.opinion"
              maxlength="100"
              show-word-limit
              :autosize="{ minRows: 4 }"
            >
            </el-input>
          </el-form-item>

相关推荐

  1. Element UI 验证详解实践

    2024-01-18 00:26:01       31 阅读
  2. 如何Vue.js 结合 Element UI 进行验证

    2024-01-18 00:26:01       35 阅读
  3. 使用element-plus中的验证

    2024-01-18 00:26:01       41 阅读
  4. uniapp验证

    2024-01-18 00:26:01       74 阅读
  5. vue form验证

    2024-01-18 00:26:01       40 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-18 00:26:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-18 00:26:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-18 00:26:01       82 阅读
  4. Python语言-面向对象

    2024-01-18 00:26:01       91 阅读

热门阅读

  1. 【个人笔记】ClickHouse 查询优化

    2024-01-18 00:26:01       56 阅读
  2. 【Flutter】多线程

    2024-01-18 00:26:01       49 阅读
  3. MetaGPT task1学习

    2024-01-18 00:26:01       55 阅读
  4. 18、golang时间管理

    2024-01-18 00:26:01       51 阅读
  5. 全栈开发工程师(第六天)

    2024-01-18 00:26:01       39 阅读