vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > el-pagination分页无法显示中文

vue3使用Element-plus的el-pagination分页组件时无法显示中文

作者:梦想家加一

本文主要介绍了vue3使用Element-plus的el-pagination分页组件时无法显示中文,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

使用element-puss框架,分页显示英文

解决方法

在main.ts

element-puss,2.3.8版本后的,

import zhCn from "element-plus/es/locale/lang/zh-cn";

element-puss,2.3.8版本以前的,

import zhCn from "element-plus/lib/locale/lang/zh-cn";

我的是2.4.3版本因此将设置中文代码修改为

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from "./router";
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
// 改中文
import zhCn from "element-plus/es/locale/lang/zh-cn";
import { createPinia } from "pinia";
const pinia = createPinia();
createApp(App).use(router).use(pinia).use(ElementPlus, {
//改中文
    locale: zhCn
  }).mount('#app')

加上就可以了

到此这篇关于vue3使用Element-plus的el-pagination分页组件时无法显示中文的文章就介绍到这了,更多相关el-pagination分页无法显示中文内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文