i18n实现中英文切换

i18n实现中英文切换

1、下载包（npm install i18n）

2、定义lang目录下的index.js文件内容。用来做切换

import enLocale from ‘./en’
import zhLocale from ‘./zh’
import elementEnLocale from ‘element-ui/lib/locale/lang/en’
import elementZhLocale from ‘element-ui/lib/locale/lang/zh-CN’
Vue.use(VueI18n)
const i18n = new VueI18n({
locale: localStorage.getItem(‘language’) || ‘zh’,
messages: {
en: {
…enLocale,
…elementEnLocale
},
zh: {
…zhLocale,
…elementZhLocale
}
}
})

3、在头部公共组件中使用el-dropdown做切换的下拉布局

4、在切换定义的事件中将值传递进vuex做处理

this. i 18