今日借鑒@魚玄機(jī)_vin的處理方案,解決vue+element UI+ I18n實(shí)現(xiàn)國際化的問題的問題,參考鏈接:一、Vue+element-ui+i18n 多語言化--實(shí)際項(xiàng)目 - 簡書 (jianshu.com)
文中沒有介紹vue-i18n的版本,自己參考elementUI官網(wǎng)使用了vue-i18n@5,不能正確解析所配置的字段。
經(jīng)過漫長的解BUG,查資料,在關(guān)于#vue.js#的問題://瀏覽器 的問題[vue-i18n] vue-i18n (VERSION) need to use Vue 2.0 or later (Vue-前端-CSDN問答 的評(píng)論區(qū)找到了答案:
vue-i18n版本太低了,用vue-i18n@8就可以了。
大家平時(shí)是如何找出這種問題的?真心求教
另外,Vue+element-ui+i18n 多語言化--實(shí)際項(xiàng)目 - 簡書 (jianshu.com) 這種方案配合vs code的 Vue i18n 插件,真香!插件鏈接:Vue i18n - Visual Studio Marketplace
目錄結(jié)構(gòu):

image.png
插件能自動(dòng)識(shí)別i18n語言包,使用方式也很簡單,力薦?。?!
git地址:fanfan6/vue-admin-template-i18n: 基于vue-admin-template項(xiàng)目,增加了i18n配置 (github.com)
基于原項(xiàng)目,為了配合時(shí)候i18n插件,目錄結(jié)構(gòu)有所調(diào)整,不過也很簡單。