Vue.js 用中文而不是英文进行元素UI分页

我开始使用非常好的元素UI组件，当我尝试使用

文本以中文显示，如下所示：

这也会发生在他们的电脑上，但不会发生在他们的电脑上

你知道我怎么用英语吗？

只需添加

及

ELEMENT.locale（ELEMENT.lang.en）

资料来源：

还建议在生产中使用unpkg的特定版本。您可以通过在浏览器中加载url（不带前导//），然后复制重定向的url来查找最新版本。

从“Vue”导入Vue
从“元素ui”导入元素ui
导入“元素ui/lib/theme chalk/index.css”
从“元素ui/lib/locale/lang/en”导入区域设置
从“./App.vue”导入应用程序
使用（ElementUI，{locale}）
新Vue({
el:“#应用程序”，
渲染：h=>h（应用程序）
})

国际化：

默认情况下，元素的语言为中文。如果您希望使用另一种语言，则需要进行一些i18n配置

如果您完全导入元素：（在您的输入文件中，通常在src>main.js中找到，请按如下所示配置它）

但如果您是按需导入元素，而不是在整个应用程序中导入：

// Here we are importing only the Button and Select component from Element
import Vue from 'vue'
import { Button, Select } from 'element-ui'
import lang from 'element-ui/lib/locale/lang/en'
import locale from 'element-ui/lib/locale'

// configure language
locale.use(lang)

// import components
Vue.component(Button.name, Button)
Vue.component(Select.name, Select)

重要提示：默认情况下，即使您使用的是其他语言，也会导入中文语言包。但使用webpack提供的NormalModuleReplacementPlugin，您可以替换默认语言环境： 在您的webpack.config.js文件中

{
  plugins: [
   new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
  ]
}

---

如果您已经按照建议设置了区域设置，这也可能是由不一致的绑定造成的：

您的bundler可以内联

元素ui/locale

导入

您的bundler可能会将

元素ui

导入视为

外部

因此，您可以在文件的第二个副本上而不是在元素UI本身中设置区域设置

元素ui然后从它自己的副本中读取并忽略您的副本

（请参阅，以获取修复像这样的捆绑问题的真实PR）

{
  plugins: [
   new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
  ]
}