目錄
1,在根目錄新建文件夾和js文件
2. 在main.js中設(shè)置全局語言狀態(tài)（默認(rèn)設(shè)置為中文）
3. 頁面添加? 語言切換按鈕（登錄頁面）
4. 在需要顯示的頁面導(dǎo)入使用
1,在根目錄新建文件夾和js文件
根目錄新建一個(gè)locales.js文件, 通用的一些函數(shù)可以放在此文件該文件夾下?，如下圖所示
配置中英文字段，字段要一一對應(yīng)
let localList = {
'zh': {
'language': '簡體中文',
'login': '登錄',
'register': '注冊賬號',
'phone': '賬號',
'password': '密碼',
... ... （自己配置)
},
'en': {
'language': 'English',
'login': 'Login',
'register': 'Register',
'phone': 'Phone',
'password': 'Password',
... ...
}
}
module.exports = {
localList: localList
}
2. 在main.js中設(shè)置全局語言狀態(tài)（默認(rèn)設(shè)置為中文）
let lang = uni.getSystemInfoSync().language
if (uni.getStorageSync("local") == "") {
let localList = require("./utils/locales.js")
if (lang == "zh" || lang == "zh_CN") {
uni.setStorageSync("local", localList.localList.zh)
} else {
uni.setStorageSync("local", localList.localList.en)
}
}3. 頁面添加? 語言切換按鈕（登錄頁面）
切換語言按鈕
<span class="changeLang" @click="changeLang">
{{local.ChangeLanguage}}
</span>切換語言包的 js 點(diǎn)擊事件操作
changeLang() {
let that = this
uni.showActionSheet({
itemList: ['中文', 'English'],
success(res) {
let localList = require("../../utils/locales")
if (res.tapIndex == 0) uni.setStorageSync("local", localList.localList.zh)
if (res.tapIndex == 1) uni.setStorageSync("local", localList.localList.en)
that.local = uni.getStorageSync("local")
uni.$showSuccMsg(that.local.SwitchSucc);
return
},
fail(res) {
console.log(res.errMsg)
}
})
},4. 在需要顯示的頁面導(dǎo)入使用
?在頁面的data中導(dǎo)入本地語言包對象文章來源：http://www.zghlxwxcb.cn/news/detail-526920.html
data() {
return {
local: uni.getStorageSync("local"),
}
}使用{{ }}獲取本地?cái)?shù)據(jù)渲染到需要顯示的位置文章來源地址http://www.zghlxwxcb.cn/news/detail-526920.html
<span>{{local.ChangeLanguage}}</span>到了這里，關(guān)于微信小程序配置實(shí)現(xiàn)中英文國際化語言切換的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
