elementui form组件出现英文提示

这篇具有很好参考价值的文章主要介绍了elementui form组件出现英文提示。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天让解决一个bug,是表单组件提示词会出现英文。
问题情景如下
elementui form组件出现英文提示,前端,elementui,前端,javascript有时会出现中文,有时会出现英文。

解决方法
经查看,代码采用的是elementui的form组件,在el-form-item中使用了required属性,同时又用rules自定义了表单验证规则。
所以,把el-form-item中的required属性去掉,提示词用自定义验证规则中的message字段实现即可。

例如文章来源地址https://www.toymoban.com/news/detail-661003.html

rules:{
   pawinput: [{ required: true, validator: validatePSW, trigger: 'blur' }],
   name: [
   {required: true, message: '请输入姓名', trigger: 'blur'},
   {min: 2, max: 15, message: '姓名长度需在2~15个字符之间', trigger: 'blur'},
         ],               
},

到了这里,关于elementui form组件出现英文提示的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【前端相关】elementui使用el-upload组件实现自定义上传

    elmentui 中的upload默认的提交行为是通过 action 属性中输入的 url 链接,提交到指定的服务器上。但是这种url提交文件的方式,在实际的项目环境中往往是不可取的。 我们的服务器会拦截所有的请求,进行权限控制,密钥检查,请求头分析等安全行为控制。写在这里的url无法实

    2024年02月08日
    浏览(57)
  • B064-基础环境-前端环境 单页面组件 ElementUI Mock axios

    搭建前端项目 脚手架 1.创建一个static web项目 2.基于脚手架安装webpack环境  vue init webpack  路由前和本身yes 后no 3.运行  npm run dev 如果半路失败了,你可以直接在控制台输入:npm install 如果查看js有报错 请alt + 回车,切换es6语法 如果打开Vue页面,显示的是文本 需要在settin

    2024年02月13日
    浏览(32)
  • 【前端】解决element-ui的form组件resetFields()方法不生效的问题

    使用 element-ui 的 form 组件,在输入栏较多的时候,有时 resetFields 只能重置一部分输入框的值 给每个值赋值初始值为空即可 例如,需要清除的 :model=\\\"queryForm.bgnTime\\\" 、 :model=\\\"queryForm.endTime\\\" 等一系列的值,那么就不要只定义 queryForm:{} ,而是要把对象下的各个属性赋值初值为空

    2024年02月15日
    浏览(53)
  • 前端开发之Element Plus的分页组件el-pagination显示英文转变为中文

    在使用element的时候分页提示语句是中文的到了element-plus中式英文的,本文讲解的就是怎样将英文转变为中文 如果你的element-plus版本为2.2.29以下的 如果你的element-plus版本为2.2.29以上的

    2024年02月11日
    浏览(43)
  • 前端vue elementUI upload上传组件封装&多文件上传&进度条,后端servlet request.getPart()接收文件信息

    选中多个文件上传 通过 axios请求 onUploadProgress 方法监听 on-progress on-success 用这两个钩子函数实现进度条 下面有对应的函数。 本文是每个文件一个请求上传 也可以用一个请求上传多个文件,需要将文件遍历添加到 form 表单中,后端用 request.getParts(); 获取集合,有需要的可以改

    2024年02月11日
    浏览(54)
  • 前端启动出现报错,提示vue-cli-service serve的解决办法

    前端启动出现报错,提示vue-cli-service serve的解决办法 在命令行中使用命令 npm run dev运行从网上下载的一个vue项目时出现了以下报错: 原因(1): 原因是因为 node_modules文件的缺失 再次执行 启动成功 原因(2): 电脑本地的旧的环境变量有问题,之前电脑上有一些JAVA的环境

    2024年02月15日
    浏览(41)
  • ElementUI浅尝辄止33:Form 表单

    包括各种表单项,比如输入框、选择器、开关、单选框、多选框等。 W3C 标准中有如下规定: When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form. 即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交

    2024年02月09日
    浏览(37)
  • ElementUI Form:Cascader 级联选择器

    ElementUI安装与使用指南 Cascader 级联选择器 点击下载learnelementuispringboot项目源码 效果图 el-cascader.vue(Cascader 级联选择器)页面效果图 项目里el-cascader.vue代码 Cascader Attributes Cascader Events Cascader Methods Cascader Slots CascaderPanel Attributes CascaderPanel Events CascaderPanel Methods CascaderPanel Slo

    2024年02月21日
    浏览(41)
  • elementUI中的el-form常用校验规则

    elementUI中的el-form常用校验规则: 校验使用方式: 常用的校验规则:

    2024年02月07日
    浏览(40)
  • vue2与vue3项目中,分别使用element组件的message消息提示只出现一次的实现

    比如出现以上现象,想要让上一次提示没有结束,下一次提示不会出现就可以用以下方法解决 解决后的现象一:上一次提示框显示后,提示框出现的提示时间没有结束,再次点击,提示框不会有反应,在该提示的时间内一只显示,下一次提示不会出现,直到该提示的时间过了

    2024年02月02日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包