网络优化网站建设企业网站建设方案 ppt

uniapp 切换语言原生导航栏buttons文字不生效？

效果图

场景：在 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')
});