当前位置:首页 » 《休闲阅读》 » 正文

最简单的element-plus国际化处理

12 人参与  2024年10月30日 08:40  分类 : 《休闲阅读》  评论

点击全文阅读


效果

将官方提供的各种组件中的英文替换为中文

将分页器组件的go to替换为中文

实现

    //1.引入想要的语言    import zhCn from 'element-plus/es/locale/lang/zh-cn'            //2.使用官方提供的用于全局配置国际化的组件,把要国际化处理的组件放到该组件里面        <el-config-provider :locale="zh">              <el-pagination                :page-count="total"                v-model:current-page="params.page"                @current-change="getOrder"                :pager-count="7"                next-text="下一页"                prev-text="上一页"                background                layout="prev, pager, next,jumper" />        </el-config-provider>

也可以将<el-config-provider>放到一级路由出口外,这样所有用到的组件都会做国际化处理


点击全文阅读


本文链接:http://zhangshiyu.com/post/179802.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1