Web前端篇——element-plus组件设置全局中文

这篇具有很好参考价值的文章主要介绍了Web前端篇——element-plus组件设置全局中文。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

背景:在使用el-date-picker组件时,发现组件中的文字默认都是英文。

设置全局中文的方法如下:(本文只介绍CDN方式)

<script src="//unpkg.com/element-plus/dist/locale/zh-cn"></script>
<script>
  const app = Vue.createApp(App);
  app.use(ElementPlus, {
    locale: ElementPlusLocaleZhCn,
  })
</script>

注: script里面unpkg方式的链接有时访问很慢(有时可能需要‘科学上网’),且为了防止其版本更新导致不兼容,尽可能将其下载到本地js文件中进行引入。文章来源地址https://www.toymoban.com/news/detail-816386.html

到了这里,关于Web前端篇——element-plus组件设置全局中文的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Vue3.0正确引入Element UI组件的正确姿势 (Element-plus)

    1命令引入参照官方文档:https://element.eleme.cn/#/zh-CN/component/installation npm i element-ui -S main.js中引入 报错后 看官方文档 发现vue3已经不支持原来的饿了么ui了 需要使用与vue3适配的Element-plus 官网说明 :https://element-plus.gitee.io/#/zh-CN/component/installation 这次是得注意安装 element-plus 最后

    2024年02月13日
    浏览(56)
  • vue3+ts - element-plus封装上传文件图片组件

      近期做到的项目中有涉及到上传图片上传文件的需求,因为是pc管理后台,用到了element-plus框架,所以我也一起使用element-plus中的上传图片上传图片功能,并对它进行封装成一个组件,方便在多个地方使用。 1、上传文件、视频 2、上传图片   在这里上传图片和文件是分

    2024年02月12日
    浏览(54)
  • 在Vue3中使用Element-Plus分页(Pagination )组件

    开发过程中数据展示会经常使用到,同时分页功能也会添加到页面中。 记: 在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。 引入表格和分页组件的H5标签。 js代码,先初始化变量。 没用到后台,所以就把表格的数据写固定了。下面就表格数据生成,还有模拟对数据

    2024年02月05日
    浏览(67)
  • vue3-ts- element-plus新增组件-过滤

     新增组件-所有值为空时过滤   提交: 

    2024年02月11日
    浏览(47)
  • vue 基于element-plus el-button封装按钮组件

    封装组件的原则是:组件只是数据流通的一个管道,不要糅合太多的逻辑在里面,是一个纯组件,还要根据自己项目的业务场景做具体的处理。

    2024年02月10日
    浏览(48)
  • Element-Plus select选择器-下拉组件错位bug(有高度滚动时)

    由于项目不便展示,因此在官网复现bug https://element-plus.org/zh-CN/component/select.html#基础用法 源码调试时发现下拉菜单是直接放在body 元素里,这时候希望它不要直接放在body里, 查阅文档看到这两个属性: 但是添加了上面的属性后,出现了新的问题,要么是不生效,要么是下拉

    2024年02月12日
    浏览(36)
  • element-plus的form表单验证Prop和Rules设置约定

    在使用表单验证过程中遇到深层对象(即嵌套对象)和数组或动态创建数组对象时验证不再起作用或者出现错误。 官网的说明“ Form  组件提供了表单验证的功能,只需为  rules  属性传入约定的验证规则,并将  form-Item  的  prop  属性设置为需要验证的特殊键值即可。 更多高

    2024年02月16日
    浏览(54)
  • vue3+element-plus组件下拉列表,数组数据转成树形数据

    引入组件 可以直接在项目中引入element-plus表格组件,如果需要变成下拉列表样式需要添加以下属性: row-key 必填 最好给数字或唯一属性 , 给每个节点设置id 不填的话 没有办法实现展开效果 load 这个是动态添加数据的 前提(开启lazy ,表格数组里设置了hasChildren:true) tre

    2024年02月13日
    浏览(50)
  • element-plus 设置 el-date-picker 弹出框位置

    概述:el-date-picker 组件会自动根据空间范围进行选择比较好的弹出位置,但特定情况下,它自动计算出的弹出位置并不符合我们的实际需求,故需要我们手动设置。 存在的问题:element-plus 中 el-date-picker 文档中并没有提供明确的属性供我们设置弹出位置。 解决方案:我们可以

    2024年02月09日
    浏览(50)
  • Vue3+Element-Plus中的Tree组件,多选时的赋值与取值

    el-tree 是 element-ui 提供的一个树形组件,可以在 Vue.js 应用中使用。el-tree 组件提供了 getCheckedNodes 方法,可以用来获取树形结构中被选中的节点。

    2024年02月14日
    浏览(50)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包