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栏,完美解决!

相关推荐
利刃大大6 分钟前
【Vue】props完整语法 && 非父子组件通信 && provide && inject && eventBus
前端·javascript·vue.js
萧曵 丶10 分钟前
前端工程化项目中全类型配置文件的详细解析
前端·javascript·配置文件·工程化
讯方洋哥16 分钟前
HarmonyOS App开发——鸿蒙公共事件App开发
服务器·前端·javascript
Можно20 分钟前
吃透 Vue 的 v - 指令家族:从入门到精通
前端·javascript·vue.js
光影少年30 分钟前
react的hooks优缺点、底层实现及hooks参数
前端·react.js·前端框架
weixin_4569074142 分钟前
2026+:html+css 生态的成型之年与平台化跃迁
前端·css·html
上海合宙LuatOS44 分钟前
LuatOS框架的使用(2)
java·服务器·开发语言·前端·数据库·嵌入式硬件·php
江湖有缘1 小时前
Docker部署NextTrace Web路由工具
前端·docker·容器
游戏开发爱好者81 小时前
抓包工具推荐 2026,网络调试、代理抓包、请求拦截
android·ios·小程序·https·uni-app·iphone·webview
wljt1 小时前
游标分页原理
java·前端·数据库