uniapp动态修改tabBar问题

好吧，又碰到个小坑，分享下，由于我的项目是多语言所以需要动态切换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’)就可随时切换了。