uniapp中uni.setTabBarItem方法在非tabbar页面使用会报错

背景:

uniapp在开发小程序多语言切换功能时,使用uni.setTabBarItem方法切换tabbar语言时报错,查阅文档发现微信小程序该功能只能在tabbar页面或其子页面中使用,不能在其他页面直接使用。

解决:

在tabbar页面中使用onShow方法监听切换语言设置,部分代码示例如下:

<script setup>
import { onShow } from '@dcloudio/uni-app';
import { useI18n } from 'vue-i18n';
const { t } = useI18n();
onShow(() => {
updateTabBarText();
});
const updateTabBarText = () => {
uni.setTabBarItem({
index: 0,
text: t('tabBar.index')
});
uni.setTabBarItem({
index: 1,
text: t('tabBar.my')
});
};
</script>
posted @   Li_pk  阅读(313)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程
点击右上角即可分享
微信分享提示