当前位置: 首页 > article >正文

element ui form 表单出现英文提示的解决方案

场景再现:

在使用 form 表单的时候,一般都需要对表单元素进行验证,错误就出现在了这里,除了配置的错误信息,还会出现一个 英文校验提示,如下图:
在这里插入图片描述

解决方案

出现的原因是在el-form-item中使用了required属性,同时又用rules自定义了表单验证规则。

这时候如果需要设置必填项,此时的 require 需要配置在 el-input 中,或者直接配置在 rule 中。

// 错误示例,required 定义在了 el-form-item
<el-form-item
  label="名称"
   prop="name"
   required
 >
   <el-input
     v-model="form.menuName"
     :placeholder="'请输入名称'"
     maxlength="30"
   />
 </el-form-item>
// 正确写法,写在 el-input中
<el-form-item
  label="名称"
   prop="name"
 >
   <el-input
     v-model="form.menuName"
     :placeholder="'请输入名称'"
     maxlength="30"
     required
   />
 </el-form-item>

或者在 rule 中配置:

rules: [
	menuName: [{ required: true, validator: validateMenuName, trigger: "blur" }],
]

http://www.kler.cn/a/298733.html

相关文章:

  • OpenFOAM2.3.x 圆柱体网格 blockMeshDict
  • 从VLM到VLA概论
  • 文档解析丨高效准确的PDF解析工具,赋能企业非结构化数据治理
  • kafka的备份策略:从备份到恢复
  • 前端Python应用指南(四)Django实战:创建一个简单的博客系统
  • K8s DaemonSet的介绍
  • QT 联合opencv 易错点
  • QtCreator学习(二).在stm32mp1中使用
  • 歌者PPT新功能速递!
  • Vue3生命周期钩子函数(Vue3生命周期)
  • GO Signal
  • springMVC WebMvcConfigurer详解
  • C语言深入了解指针一(14)
  • uniapp小程序下载缓存服务器上的图片
  • [产品管理-2]:产品经理的职责、在企业中的位置与定位
  • 机器学习 第10章 降维与度量学习
  • 一文精通Fourier Transform--傅里叶变换
  • python之异常处理
  • 对一个已经运行的LabVIEW VI进行控制
  • Python 中混淆矩阵的热图
  • MySQL-CRUD入门2
  • 服务器环境搭建-5 Nexus搭建与使用介绍
  • 深入理解 C++ 中的 static_assert 编译期断言
  • 如何快速练习键盘盲打
  • Image读取图像后续使用
  • 服务器租用中包含哪些业务?