Element-UI 插件 Pagination 显示为英文

这个坑我踩了好久,试过很多方法,按照官网,按照别人网页写法来,一直不一致

后来才发现,原来是语言设置的问题国际化

import Vue from 'vue'
import Element from 'element-ui'
import VueI18n from 'vue-i18n'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'Vue.use(VueI18n)const messages = {en: {message: 'hello',...enLocale // 或者用 Object.assign({ message: 'hello' }, enLocale)},zh: {message: '你好',...zhLocale // 或者用 Object.assign({ message: '你好' }, zhLocale)}
}
// Create VueI18n instance with options
const i18n = new VueI18n({locale: 'zh', // set localemessages, // set locale messages
})Vue.use(Element, {i18n: (key, value) => i18n.t(key, value)
})new Vue({ i18n }).$mount('#app')

设置为默认语言为中文之后,就好了

Element-UI 插件 Pagination 显示为英文相关推荐

本地使用element ui 图标不显示或显示错乱的问题
本地使用element ui 图标不显示或显示错乱的问题官方使用方式  <link rel="stylesheet" href=&qu ...
Vue.js - 解决部署到服务器后Element UI图标不显示问题（404错误）
1,问题描述 (1)element-ui 自带了一套常用的图标集合,使用起来十分方便.最近发现当 Vue.js 项目中使用 element-ui 图标时,如果使用 npm run dev 方式启动,图 ...
Vue - 解决部署到服务器后Element UI图标不显示问题（50错误）
原因: 最后找到是 nginx.conf 文件配置有问题一开始:没有加 woff.ttf location ~ .*\.(gif|png|jpg|ico|js|css|html)$ { root ...
element ui的select显示数字
一.问题展示二.查看select原始数据可以看到id是整型的三.查看赋值给select的数据可以看到id是字符串,问题就在于这里,1 != '1' ,所以解决方法很简单,让他们一致,可以让后端 ...
element ui 导航不显示
因为vue3版本,plus不支持,搞了2小时,妈的,回退vue2了 vue3里面解析不了template,所以导航栏为空
使用UI创建vue项目并添加element ui和axios
目录简介 Vue简单安装说明项目创建步骤总结简介因为最近一个项目需要使用SPA的方式,而前端选择使用vue来实现.所以最近重新看了下vue的相关知识,发现最新的vue项目可以在web中使用界 ...
Element UI 应用精讲
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习. Element UI 应用前言一.Element 快速上手 1.1.Ele ...
解决vue-admin-template插件element UI组件默认英文改中文
其实vue-admin-template这个框架原来就有的 1.element UI里的组件改中文模式如图: src/main.js: 2.第三方插件如tinymic这个富文本插件改成中文显示,上面方 ...
【前端】Vue+Element UI案例：通用后台管理系统-用户管理：Table表格增删查改、Pagination分页、搜索框
文章目录目标代码 0.结构 1.按钮-删除 2.按钮-编辑 3.debug 4.样式 5.分页Pagination:功能 6.分页Pagination:样式 7.搜索框:功能 8.搜索框:样式总 ...

Element-UI 插件 Pagination 显示为英文

Element-UI 插件 Pagination 显示为英文

Element-UI 插件 Pagination 显示为英文相关推荐

最新文章

热门文章