效果
将官方提供的各种组件中的英文替换为中文
将分页器组件的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>放到一级路由出口外,这样所有用到的组件都会做国际化处理