uniapp的微信小程序tabar栏国际化

前言

老板要微信小程序也国际化,也就是整个英文版本,用了vuei18n,但是uni文档里找tabar栏的翻译方法没找到

解决办法

找了一会儿,uniapp提供1种办法

1. 自定义tabar栏

说是影响性能体验,不想试,看了感觉巨麻烦

我的方法

在微信文档里找到了个api,直接可以动态设置

那我们在代码里先判断语言环境,然后设置就行了

代码如下

js 复制代码
		setTitle() {
				if (this.$i18n.locale === 'en') {
					uni.setNavigationBarTitle({
						title: 'Home page'
					});
					wx.setTabBarItem({
						index: 0,
						text: 'Home',
					})
					wx.setTabBarItem({
						index: 1,
						text: 'ShipTime',
					})
					wx.setTabBarItem({
						index: 2,
						text: 'Boats',
					})
					wx.setTabBarItem({
						index: 3,
						text: 'Mine',
					})
				}

			},

setNavigationBarTitle设置小程序最顶部的翻译,setTabBarItem设置tabar栏,完美解决!

相关推荐
lifejump4 小时前
Dede(织梦)CMS渗透测试(all)
前端·网络·安全·web安全
扬帆破浪4 小时前
sidecar崩溃后前端怎么续命 重启策略与状态保留
前端·人工智能·架构·开源·知识图谱
光影少年4 小时前
前端算法题
前端·javascript·算法
Lee川4 小时前
从输入框到智能匹配:一文读懂搜索功能的完整实现
前端·后端
朝阳395 小时前
React【面试】
前端·react.js·面试
漓漾li5 小时前
每日面试题(2026-05-15)- 前端
前端·vue.js·react.js
进击切图仔5 小时前
RAG 加载 pdf 文档
linux·前端·pdf
小小小小宇5 小时前
git 大仓库拉取卡顿问题
前端
前端那点事5 小时前
告别低级冗余!10个前端原生高阶技巧,让代码更优雅、性能更出众
前端·vue.js
hexu_blog5 小时前
前端vue后端java如何实现证件照功能
前端·javascript·vue.js