小程序tabBar，点击进入tabBar刷新tabBar页面

最新推荐文章于 2023-02-07 00:30:51 发布

上房揭瓦ing

最新推荐文章于 2023-02-07 00:30:51 发布

阅读量5.1k

点赞数 9

文章标签：小程序

本文链接：https://blog.csdn.net/qq_41219586/article/details/103543337

版权

写项目时遇到一个需求：就是从其他页面点击tabbar组件进入tabbar页面（这里叫他A页面），需要对A页面进行一次刷新。
应用场景：我在分类页面点击加号添加商品到购物车，然后点击tabbar的购物车组件，进入购物车，这个时候就要对购物车进行一个刷新。
为什么呢？因为点击加号后会将该商品信息存入数据库,而购物车信息是从数据库中取出来的，此时要获得最新的购物车的信息就要再对数据库在进行一次新的查询请求，也就是需要页面刷新了。
处理方法：在购物车的js页面中的onshow方法中加入如下代码

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    const pages = getCurrentPages()
    const perpage = pages[pages.length - 1]
    perpage.onLoad()  
  },