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

风风风..

已于 2024-07-29 14:30:33 修改

阅读量310

点赞数 9

文章标签： vue.js elementui 前端

于 2024-07-29 13:06:40 首次发布

本文链接：https://blog.csdn.net/m0_73784301/article/details/140768124

版权

效果

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

将分页器组件的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>放到一级路由出口外,这样所有用到的组件都会做国际化处理