0


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

效果

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

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

标签: vue.js elementui 前端

本文转载自: https://blog.csdn.net/m0_73784301/article/details/140768124
版权归原作者 风风风.. 所有, 如有侵权,请联系我们删除。

“最简单的element-plus国际化处理”的评论:

还没有评论