uniapp 多语言动态修改tabBar标题

最新推荐文章于 2024-06-20 16:01:11 发布

北京的北京

最新推荐文章于 2024-06-20 16:01:11 发布

阅读量1k

点赞数

分类专栏：微信小程序 h5 uniapp 文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/m0_58135258/article/details/126725951

版权

微信小程序同时被 3 个专栏收录

14 篇文章 1 订阅

订阅专栏

uniapp

13 篇文章 0 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

"tabBar": {
		"color": "#BDBDBD",
		"selectedColor": "#1890FF",
		"borderStyle": "white",
		"backgroundColor": "#ffffff",
		"list": [{
				"pagePath": "pages/index/index",
				"iconPath": "static/images/tabbar_home_normal.png",
				"selectedIconPath": "static/images/tabbar_home_selected.png",
				"text": "%tabbar1%"
			},
			{
				"pagePath": "pages/active/index",
				"iconPath": "static/images/tabbar_order_normal.png",
				"selectedIconPath": "static/images/tabbar_order_selected.png",
				"text": "%tabbar2%"
			},
			{
				"pagePath": "pages/mine/index",
				"iconPath": "static/images/tabbar_mine_normal.png",
				"selectedIconPath": "static/images/tabbar_mine_selected.png",
				"text": "%tabbar3%"
			}
		]
	},

// 切换语言
			onLocaleChange(e) {
				uni.showModal({
					content: '确认更换字体？',
					success: (res) => {
						if (res.confirm) {
							uni.setLocale(e);
							uni.setTabBarItem({
								index: 0,
								text: this.$t('tabbar1')
							})
							uni.setTabBarItem({
								index: 1,
								text: this.$t('tabbar2')
							})
							uni.setTabBarItem({
								index: 2,
								text: this.$t('tabbar3')
							})
						}
					}
				})
			},