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>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程