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

相关推荐
SpringLament2 分钟前
TanStack Virtual 源码解析:定高/不定高虚拟列表实现原理以及框架无关设计
前端·javascript
猪猪拆迁队2 分钟前
高性能 Package构建系统设计与实现
前端·后端·node.js
UIUV6 分钟前
JavaScript中instanceof运算符的原理与实现
前端·javascript·代码规范
前端fighter7 分钟前
全栈项目:闲置二手交易系统(一)
前端·vue.js·后端
飞行增长手记12 分钟前
IP协议从跨境到物联网的场景化应用
服务器·前端·网络·安全
我叫张小白。15 分钟前
Vue3 插槽:组件内容分发的灵活机制
前端·javascript·vue.js·前端框架·vue3
Lovely_Ruby22 分钟前
前端er Go-Frame 的学习笔记:实现 to-do 功能(一)
前端·后端
脾气有点小暴28 分钟前
uniapp通用递进式步骤组件
前端·javascript·vue.js·uni-app·uniapp
问道飞鱼28 分钟前
【前端知识】从前端请求到后端返回:Gzip压缩全链路配置指南
前端·状态模式·gzip·请求头
小杨累了34 分钟前
CSS Keyframes 实现 Vue 无缝无限轮播
前端