vue使用element-plus中文版

vue使用element-plus中文版

  • 推荐一:直接在vue中引入element-plus中文版
    • 二:根据渲染需求,修改element-plus源码 (以el-pagenation为例)##

推荐一:直接在vue中引入element-plus中文版

  1. 根据官网资料查询
    vue使用element-plus中文版_第1张图片

  2. 按照官网引入

在main.js中直接引入

import locale from 'element-plus/lib/locale/lang/zh-cn'             //引入中文版
         import 'dayjs/locale/zh-cn'                                         //导入中文版
         import ElementPlus from 'element-plus';                             //引入element-plus
         const app = createApp(App).use(ElementPlus,{
     locale}).mount('#app')  //挂载element-plus中文版
  1. 刷新界面,查看是否引入成功(若不成功,请看解决方案二)

二:根据渲染需求,修改element-plus源码 (以el-pagenation为例)##

  1. 在当前项目中的node_models中找到element-plus文件
  2. 按照以下顺序寻找渲染之后英文版的文件

element-plus->lib->locale->lang->en.js
找到文件之后,找到想要修改的组件
vue使用element-plus中文版_第2张图片

将go to改为 ‘跳转’
vue使用element-plus中文版_第3张图片

解决思路:由于中文版正常情况下可以被引入,就证明elemnt-plus中已经有被渲染过的文件,按照开发的规范,一类文件应该被放在同一个文件夹下。所以,按照中文版的引入路径去寻找,就可以找到英文版的,我们只需要手动改写渲染之后英文版的就可以实现。

你可能感兴趣的:(vue,前端,element-plus,vue,elementui)