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

  1. 根据官网资料查询
    1.png
  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
找到文件之后,找到想要修改的组件
3.png

将go to改为 ‘跳转’
Snipaste_2021-08-12_23-11-29.png

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

Last modification:August 23rd, 2021 at 06:35 pm
如果觉得我的文章对你有用,请随意赞赏