uniapp 切换语言原生导航栏buttons文字不生效?
文章目录
- uniapp 切换语言原生导航栏buttons文字不生效?
- 效果图
- page.json配置
- 解决方式
效果图
场景:在 tabbar
页面中,配置 原生导航栏 buttons
,切换语言时,不会实时更新问题。
page.json配置
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "%common.index%",
"enablePullDownRefresh": true,
"app-plus": {
"titleNView": {
"backgroundImage": "linear-gradient(to right, #fe8c00, #f83600);",
"buttons": [{
"text": "%common.devices%",
"color": "#fff",
"fontSize": "18",
"width": 100,
"float": "left"
},
{
"text": "\ue600",
"color": "#fff",
"fontSize": "26",
"width": 60,
"float": "right",
"fontSrc": "/static/iconfont/iconfont.ttf"
}
}
}
}
}
解决方式
这里用简单粗暴方式,在
onShow
调用方法,获取当前webview
对象,使用国际化 再次设置buttons
,以达更新实时文案。欢迎分享其他方案~
let webView = this.$mp.page.$getAppWebview();
webView.setTitleNViewButtonStyle(0, {
text: this.$t('common.devices')
});