颖想家

所谓幸福就是你在,我在,你一直在,我一直在

switchTab页面加参数重新加载的方法

微信小程序想要带参数链接到tabBar页面,官方文档规定不能带有参数,最好的实现方法是使用全局变量来传递参数。而当我们想要在tabBar页面给他加参数后重新加载该页面该如何实现呢?

解决的办法还是通过绑定bindtap事件来修改全局变量的参数,使用wx.switchTab页面来自动刷新,代码可以参考如下:

index.wxml页面代码:

<view url="/pages/index/index"  open-type="switchTab" bindtap="swipclick">上个月数据</view>

index.js页面代码:

  swipclick: function (e) {

     app.appData.date = this.data.lastMonth;  //在app.js页面定义的全局变量

     wx.switchTab({

        url: '/pages/index/index',

        success: (res) => {

          let page = getCurrentPages().pop(); //当前页面

          if (page == undefined || page == null) return;

          page.onLoad();

        },

        fail: (res) => {

        }

      })

    }

至此就可以实现tabBar页面更换参数后重新加载该页面了。

发表留言