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

 更新时间:2023年12月13日 16:25:58   作者:梦想家加一  
本文主要介绍了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分页无法显示中文内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解vue-element Tree树形控件填坑路

    详解vue-element Tree树形控件填坑路

    这篇文章主要介绍了vue-element Tree树形控件填坑路,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • vue 数据遍历筛选 过滤 排序的应用操作

    vue 数据遍历筛选 过滤 排序的应用操作

    这篇文章主要介绍了vue 数据遍历筛选 过滤 排序的应用操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue快捷键与基础指令详解

    vue快捷键与基础指令详解

    这篇文章主要介绍了vue快捷键与基础指令详解,需要的朋友可以参考下
    2017-06-06
  • Vue3中使用Element Plus时el-icon无法显示的问题解决

    Vue3中使用Element Plus时el-icon无法显示的问题解决

    我们的Vue前端一般都是用的ElementUI,其中按钮可能用到的比较多,官方里面有自带的一些默认图标,下面这篇文章主要给大家介绍了关于Vue3中使用Element Plus时el-icon无法显示的问题解决,需要的朋友可以参考下
    2022-03-03
  • vue 过滤、模糊查询及计算属性 computed详解

    vue 过滤、模糊查询及计算属性 computed详解

    计算属性是vue里面为了简化在模板语法中对响应式属性做计算而存在的,这篇文章主要介绍了vue 过滤、模糊查询(计算属性 computed),需要的朋友可以参考下
    2022-11-11
  • 详解在vue-cli项目中安装node-sass

    详解在vue-cli项目中安装node-sass

    本篇文章主要介绍了详解在vue-cli项目中安装node-sass ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • vue页面锁屏的完美解决方法记录

    vue页面锁屏的完美解决方法记录

    锁屏是指用户暂时离开时点击锁屏,用户无法跳转到其他页面,回来输入密码点击解锁,下面这篇文章主要给大家介绍了关于vue页面锁屏的完美解决方法,需要的朋友可以参考下
    2022-06-06
  • 快速解决vue-cli在ie9+中无效的问题

    快速解决vue-cli在ie9+中无效的问题

    今天小编就为大家分享一篇快速解决vue-cli在ie9+中无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • Vue.js 前端路由和异步组件介绍

    Vue.js 前端路由和异步组件介绍

    这篇文章主要介绍了Vue.js 前端路由和异步组件介绍,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • vuex状态持久化在vue和nuxt.js中的区别说明

    vuex状态持久化在vue和nuxt.js中的区别说明

    这篇文章主要介绍了vuex状态持久化在vue和nuxt.js中的区别说明,具有很好的参考价值,希望大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04

最新评论