elementui 文件转ts_[ElementUI] 修改默认语言为英文 el-table filter 筛选

写这篇文章的起因是用el-table的filter多选框下面的中文无法修改为英文。截图解释

el-table的属性里没有一个地方可以修改这里的“筛选”“重置”为英文

因此我找到了github下的这个issue #5705

image.png

顺腾摸瓜找到了https://element.eleme.cn/#/zh-CN/component/i18n#tong-guo-cdn-de-fang-shi-jia-zai-yu-yan-wen-jian，早前看过，只是没用上，又忘记有这个功能。

我用的是vue-cli3 +typescript, 注意下@vue/cli-service 已经内置了webpack 服务，所以如果你也是用vue-cli ，那么网络上说要修改webpack.config.js的地方现在要变成修改vue.config.js，因为用webpack.config.js是单独搭建webpack的时候才用的，也就是不是用vue-cli.

关于vue-cli 与webpack的关系可以看vue官方解释。

如果你用vue-cli3，而且只需要切换成英文，你可以用以下步骤操作：

声明local模块(如果你用typescript才需要)

看这里)，但是实践证明，typescript会拿shimes-后， .d.ts前，也就是element-ui 这个来做点关联，所以你最好把这个文件命名为shims-element-ui.d.ts

image.png

shims-element-ui.d.ts 里面的内容是

declare module 'element-ui/lib/locale/lang/en' {

}

2.修改main.ts 在vue中注入local插件，关于vue.use()的使用场景可以参考这里

import './class-component-hooks'

import Vue from 'vue'

import * as locale from 'element-ui/lib/locale/lang/en'

//import ...

//Vue.use...

Vue.use(ElementUI, {locale})

new Vue({

router,

render: h => h(App)

}).$mount('#app')

但是这样修改还是没有作用，因为官网给出了一句话

image.png

所以还要修改webpack的配置

修改 vue.config.js, 添加webpack的配置，关于vue cli的webpack的配置参考这里

//const...

const webpack = require('webpack');

module.exports = {

publicPath: process.env.VUE_APP_API_CONTEXT_PATH,

devServer: {

...

}

//...

configureWebpack: config=>{

config.plugins.push(new webpack.NormalModuleReplacementPlugin(/element-ui\/lib\/locale\/lang\/zh-CN/, 'element-ui/lib/locale/lang/en'))

}

到此，就可以重新启动项目了,成功修改成英文了。

image.png

elementui 文件转ts_[ElementUI] 修改默认语言为英文 el-table filter 筛选相关推荐

[ElementUI] 修改默认语言为英文
vue.config.js var webpack = require('webpack'); module.exports = {省略configureWebpack: config=>{co ...
vmware流程以及修改默认语言
安装vmware的流程以及修改默认语言 1.下载vware的安装包选择一个下载源,这里提供一个西西园的地址https://www.cr173.com/soft/68480.html 2.安装vmw ...
ubuntu 修改系统默认语言为英文!
ubuntu 修改系统默认语言为英文! 1.sudo vim /etc/default/locale 改为如下内容: LANG="en_US.UTF-8" LANGUAGE=&qu ...
Android系统修改默认语言为中文
Android系统修改默认语言为中文对于Android系统修改默认语言的方法,各个版本的系统方法都差不多一致,至少我在Android5.1和Android9.0使用都成功,具体方法如下: 在buil ...
R设置默认语言为英文的方法
R设置默认语言为英文的方法 Windows平台 macOS平台安装R以后,默认语言是和操作系统平台语言绑定的,如何在不修改操作系统平台语言的情况下更改R的默认显示语言呢? Windows平台在Wi ...
切换输入法默认语言为英文
tags: windows设置在我们使用计算机中,如果输入法的默认语言是英文,那么我们操作起来会更加方便,那我们怎么设置呢??? 以Windows10为例如果您觉得这篇文章帮助到了您,可以给作者一 ...
Bootstrap日期插件之Datetimepicker修改默认语言（附带源码）
在做这个插件的时候,一开始导入语言包报如下错误 bootstrap-datepicker.zh-CN.js:6 Uncaught TypeError: Cannot read property 'da ...
安卓4.2.2 修改默认语言为中文
修改android4.2\build\target\product\languages_full.mk PRODUCT_LOCALES := zh_CN en_US fr_FR it_IT es_ES ...
Ubuntu18修改系统语言为英文
编辑/etc/default/local文件 sudo vi /etc/default/locale 文件的原始内容如下: LANG=zh_CN.UTF-8 修改为如下内容: LANG=en_US.U ...

elementui 文件转ts_[ElementUI] 修改默认语言为英文 el-table filter 筛选

elementui 文件转ts_[ElementUI] 修改默认语言为英文 el-table filter 筛选相关推荐

最新文章

热门文章