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

相关推荐
Setsuna_F_Seiei10 小时前
前端的 AI 学习之路 01 之 Agent API 调用 - 和 Agent 的基础对话
前端·人工智能·ai编程
threerocks11 小时前
AI 原生软件开发生命周期手册 - 如何借助 AI,逐阶段改造软件开发生命周期
前端·javascript·后端
徐小夕11 小时前
3分钟从想法到Agent上线:我们开源了一款AI可视化工作流“IDE”
前端·算法·github
why技术13 小时前
eli5,我觉得这个全网在吹的技能,使用体验真的很一般啊。
前端·人工智能·后端
excel13 小时前
记录升级 nuxt3 到 nuxt4 记录
前端
剑胆琴心静水深流13 小时前
全栈之路6---web集成与呈现
前端·vue.js·spring boot·分布式·spring·前端框架·npm
前端snow14 小时前
ai agent -- Memory汇总
前端
ITresearchGuest14 小时前
AI 焦虑下,前端该何去何从
前端·人工智能
Codiggerworld15 小时前
Chrome DevTools 隐藏神技:这 5 个调试技巧你可能从来没用过
前端·chrome·chrome devtools
旋生万物15 小时前
【终极实战】用Python从零“生成“一个宇宙:螺旋干涉模型的代码实现
开发语言·前端·人工智能·react.js·php·wpf