elementui多语言切换

element-ui的多语言切换可以通过Vue的国际化插件vue-i18n来实现。下面是一个简单的示例：

首先，安装vue-i18n插件：

npm install vue-i18n

然后，在项目的入口文件（一般是main.js）中引入vue-i18n：

import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

然后，创建一个i18n实例，配置不同的语言：

const i18n = new VueI18n({
  locale: 'zh-CN', // 默认显示的语言
  messages: {
    'zh-CN': require('./locales/zh-CN.json'), // 中文语言包
    'en-US': require('./locales/en-US.json') // 英文语言包
 }
})

接下来，在组件中使用多语言功能。假设我们有一个button组件，在button组件中使用了element-ui的组件，我们现在要实现这个button的多语言切换。

首先，在组件的template中使用`$t`方法来获取多语言文本：

<template>
  <div>
    <el-button>{{ $t('buttonText') }}</el-button>
  </div>
</template>

然后，在组件的script中使用`this.$i18n.locale`来切换当前的语言：

export default {
  methods: {
    changeLanguage() {
      if (this.$i18n.locale === 'zh-CN') {
        this.$i18n.locale = 'en-US'
      } else {
        this.$i18n.locale = 'zh-CN'
      }
    }
  }
}

// zh-CN.json
{
  "buttonText": "按钮"
}

// en-US.json
{
  "buttonText": "Button"
}

这样，当我们切换语言时，button组件中的文本会根据当前的语言包进行切换。

以上就是element-ui多语言切换的基本实现过程。希望能对你有所帮助！如有疑问，请继续提问。