使用vue2+element+vue-admin-template创建单页应用小记-3.添加语言包切换

1. 安装il8n
2. 命令进入项目根目录，执行命令安装vue-i18n

   npm install vue-i18n --save

    

3. @/src/main.js文件修改，添加以下代码（同原代码重复部分可忽略）(@代表项目根路径，下同)

   import i18n from './lang'
   
   
   Vue.use(ElementUI, {
     locale,
     i18n: (key, value) => i18n.t(key, value)
   })
   
   new Vue({
     el: '#app',
     router,
     store,
     i18n,
     render: h => h(App)
   })

   1.  

4. @/src/store/modules/app.js代码修改：
   1. mutations中添加如下方法代码：

   2.   SET_LANGUAGE: (state, language) => {
            state.language = language
            Cookies.set('language', language)
          }

      actions中添加如下方法代码：

      setLanguage({ commit }, language) {
            commit('SET_LANGUAGE', language)
          }

       

5. 添加@/src/lang/文件夹
   1. 添加index.j