element ui 中英文切换

在 Element UI 中，可以通过引入不同语言的 i18n 文件来实现中英文切换。具体步骤如下：

1. 安装依赖：`npm install element-ui -S` 和 `npm install vue-i18n -S`
2. 在 main.js 中引入 Element UI 和 Vue i18n：

   import Vue from 'vue'
   import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css'
   import VueI18n from 'vue-i18n'

   Vue.use(ElementUI)
   Vue.use(VueI18n)

3. 在项目中创建 i18n 目录，并在该目录下创建 index.js 和 lang 文件夹。
4.＊＊＊js 中配置 i18n：

   import Vue from 'vue'
   import VueI18n from 'vue-i18n'
   import zhCN from './lang/zh-CN'
   import en from './lang/en'

   Vue.use(VueI18n)

   const messages = {
     'zh-CN': zhCN,
     'en': en
   }

   const i18n = new VueI18n({
     locale: 'zh-CN',
     messages
   })

   export default i18n

6. 在 main.js 中引入 i18n 并挂载到 Vue 实例上：

   import i18n from './i18n'

   new Vue({
     el: '#app',
     i18n,
     render: h => h(App)
   })

7. 在组件中使用 `$t` 方法来翻译文本：

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

   export default {
     data() {
       return {
         form: {
           name: '',
           age: ''
         }
       }
     },
     computed: {
       rules() {
         return {
           name: [
             { required: true, message: this.$t('message.nameRequired'), trigger: 'blur' }
           ],
           age: [
             { required: true, message: this.$t('message.ageRequired'), trigger: 'blur' }
           ]
         }
       }
     }
   }