小程序自定义tabbar中购物车数量不同步问题

在自定义tabbar中加入了公共的购物车数量显示，但是在切换页面时这个数会来回变。

具体现象是在分类页面中购物车数量显示16，然后切换到购物车页面新加了两个商品变为18 ，这时候切换回分类页面会发现tabbar里面的数字会先变成16在变成18

后来才想到自定义tabbar相对每个页面都是独立的，想要不闪必须得让他们之间互相同步通信才行

解决思路就是利用闭包，在app.js中声明一个绑定回调的变量

每次打开tabbar页面的时候都将syncCartNum这个同步数量的函数加到 refreshCarNumCallBack 变量中

最后每次添加商品数量的时候都需要循环调用一下 refreshCarNumCallBack 中的函数

小程序自定义tabbar中购物车数量不同步问题相关推荐

微信自定义tabbar有小红点_微信小程序自定义 tabbar
一定的需求情况下,无法使用小程序原生的 tabbar 的时候,需要自行实现一个和 tabbar 功能一模一样的自制组件. 查阅了海量的博客和文档之后,亲自踩坑.总结了三种在不使用微信小程序原生 tab ...
小程序自定义tabbar,子页面也显示tabbar
小程序自定义tabbar,子页面也显示tabbar 我找了很多很多的文件,大都是显示一级页面的tabbar的,子页面显示tabbar几乎没有,我自己整理了一下.如果有不对的地方,希望评论指出,我会进一 ...
微信小程序自定义tab-bar遇到的问题及解决方案
微信小程序自定义tab-bar遇到的问题及解决方案小程序自定义tab-bar 问题一:需要点击两次才能变成选中装填解决方案: 问题二:真机查看的时候,切换页面的时候会从上到下解决方案: 小程序自 ...
微信小程序自定义tabbar【中间凸起样式】
微信小程序自定义tabBar样式,选中后中间凸起效果预览微信开发文档:自定义tabBar 一.配置信息在 app.json 中的 tabBar 中指定 custom 字段为 true[允许使用自 ...
小程序自定义tabbar custom-tab-bar 6s出不来解决方案，cover-view不兼容
小程序自定义tabbar custom-tab-bar 6s出不来解决方案,cover-view不兼容参考文章: (1)小程序自定义tabbar custom-tab-bar 6s出不来解决方案,c ...
小程序自定义tabbar + 自定义tabbar样式 + tabbar切换激活样式问题
我用的是 Vant Weapp UI组件库, 需要用store 全局共享数据解决tabbar切换激活样式问题关于如何使用 Mobx,创建store可参考:微信小程序 Mobx实现数据共享(创建s ...
微信小程序自定义tabBar（实操）
文章目录一.前言二.固定效果图实现步骤实现步骤完整代码-矢量图 images图片 app.json代码三.自定义效果图实现步骤实现步骤完整代码-矢量图 images图片 app.json ...
小程序自定义tabbar，不同用户显示不同页面
前言当我们拿到一个小程序项目,官方tabbar足够我们使用,但跟着业务有所增加,我们前端也不得不跟着改变.因为业务需求,我这个小程序分成了用户端和管理端两端,相对应使用权限也不同,因此tabbar所 ...
小程序自定义tabbar踩坑笔记
最近在给客户做一个定制小程序,客户不喜欢小程序自带的tabbar,想要一个炫酷的异形的tabbar,翻看了小程序开发者文档是可以执行的. 参考官方网站,自定义tabBar 自定义 tabBar | 微 ...

小程序自定义tabbar中购物车数量不同步问题

小程序自定义tabbar中购物车数量不同步问题相关推荐

最新文章

热门文章