微信小程序> 解决wx.setTabBarBadge只能在tabBar页调用的问题

解决wx.setTabBarBadge只能在tabBar页调用的问题

浏览量:8485 时间: 来源:gzyzwx

1、问题描述
wx.setTabBarBadge 这个API在非tabbar页面上调用会失效。

假如我在首页(一堆商品),进入到商品详情页,把商品加入到购物车,这时候,想要购物车(tabBar页显示购物车数量)

注意!!!
在商品详情页直接调用wx.setTabBarBadge,然后回到tabBar页,会发现没效果

解决方案

1、在商品详情页加入购物车成功时

设置app.globalData.cartItemNumber,在首页的onShow 事件判断 该值是否为空,然后调用wx.setTabBarBadge
当用户进入购物车页面,设置app.globalData.cartItemNumber为空

2、方法类似,但是把值存在localStorage,而不是挂载在app.globalData;

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎