uniapp编译小程序,小程序中this.getTabBar()输出为undefined

最新推荐文章于 2024-06-20 23:16:54 发布

三月十二_

最新推荐文章于 2024-06-20 23:16:54 发布

阅读量2.2k

点赞数 10

分类专栏： uniapp 文章标签：小程序前端 javascript

本文链接：https://blog.csdn.net/weixin_41847305/article/details/125448540

版权

uniapp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

onShow() {
	 this.getTabBar().setData({
    
        })
}

问题背景：

自定义的 tabbar 在点击tab进行跳转的时候 custom-tab-bar 这个组件也会刷新页面，所以需要连续点击两次icon才会变为选中状态。所以需要将选中的方法定义在每个tab页的onShow方法中，加了之后 console.log(this.getTabBar())时打印结果为undefind
在这里插入图片描述

解决方法如下：

 if (typeof this.$mp.page.getTabBar === 'function' &&
		        this.$mp.page.getTabBar()) {
		        this.$mp.page.getTabBar().setData({
		          selected: 0
		        })
		      }