今日借鑒@魚玄機(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):
插件能自動(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)整翠拣,不過也很簡單。