安裝依賴包
npm i vue-i18n –s
在根目錄建立乙個 lang的資料夾,並且在lang資料夾內建立cn.js 和 en.js
開啟 main.js, 注入vue例項中
import vue from 'vue'tabbar 語言切換用import vuei18n from 'vue-i18n' // 語言國際化
vue.use(vuei18n)
vue.prototype._i18n = i18n
const i18n = new vuei18n(
}) i18n
})配置語言包, 並且暴露出去:
頁面渲染:
切換語言:
tooglang()else
}
uni.settabbaritem();
Vue I18n國際化語言切換
近期業務需求,需要對原有專案進行國際化處理,該專案是基於vue2 vantui2.x的移動端h5spa專案。上網查閱了相關資料,大多推薦使用vue i18n國際化外掛程式來實現不同語言的切換。經過測試,已基本實現中文和英文兩種語言的切換。現在主流的前端ui框架也支援語言國際化,若專案中使用ui框架比...
vue i18n多語言國際化
專案中需要自定義切換中 英文,基於vue.js,結合vue i18n,elementui,以下是使用方法。vue.js vue i18n國際化 先不使用elementui,就簡單的vue.js vue i18n使用方法 在main.js同級建i18n新資料夾,裡面新建i18n.js langs資料夾...
vue i18n和ElementUI國際化使用總結
vue i18n 安裝 npm install vue i18n 在main.js同級建i18n資料夾,並裡面建i18n.js langs資料夾,langs資料夾下建en.js cn.js 目錄如下 assets logo.png components helloworld.vue i18n i18...