uniapp动态修改tabBar问题
好吧,又碰到个小坑,分享下,由于我的项目是多语言所以需要动态切换tabBar文字,话不多说上代码。uni.setTabBarItem({index: 3,text: “多语言”,success:function(res){console.log(res)}})当你随意把这个东西扔到函数里面或者app.vue里面时,这时候坑就来了,发现根本不起左右,或者说只有刷新才起作用,这里注意下这个坑,正确的用
·
好吧,又碰到个小坑,分享下,由于我的项目是多语言所以需要动态切换tabBar文字,话不多说上代码。
uni.setTabBarItem({
index: 3,
text: “多语言”,
success:function(res){
console.log(res)
}
})
当你随意把这个东西扔到函数里面或者app.vue里面时,这时候坑就来了,发现根本不起左右,或者说只有刷新才起作用,由于uniapp他不像h5点一下就刷新一下,所以如果你是在tabbar界面使用就放在onshow里,点击就会显示,但是如果想同时改变全部tabbar的文字这就需要写在全局了。
created: function() {
uni.$on('setTabBarItem', res => {
uni.setTabBarItem({
index: 0,
text: this.$translationMain('在线'),
success: function(res) {
console.log(res)
}
})
uni.setTabBarItem({
index: 1,
text: this.$translationMain('聊天'),
success: function(res) {
console.log(res)
}
})
uni.setTabBarItem({
index: 2,
text: this.$translationMain('发现'),
success: function(res) {
console.log(res)
}
})
uni.setTabBarItem({
index: 3,
text: this.$translationMain('我的'),
success: function(res) {
console.log(res)
}
})
})
}
可以看出我是写在了App.vue里,然后在修改语言的时候调用下uni.$emt(‘setTabBarItem’)就可随时切换了。
更多推荐
已为社区贡献1条内容
所有评论(0)