小程序关于switchTab不能传参的问题

2022-06-16 08:54:09 浏览数 (1)

对于下面链接博客的补充

微信小程序:errMsg“:“navigateTo:fail can not navigateTo a tabbar page 报错问题

链接: https://blog.csdn.net/ZiChen_Jiang/article/details/107867061.

上篇博客说道想要跳转到tabbar,把wx.navigateTo更改为wx.switchTab即可。但是又有一个bug就是wx.switchTab不能传参

以下是解决办法:

wxml

代码语言:javascript复制
	<van-grid column-num="5">
		<van-grid-item wx:for="{{ Nav }}" 
		 bindtap="nav" data-index="{{index}}" 
		 icon="{{item.icon}}" text="{{item.name}}" />
	</van-grid>

js

可以换一种思路,跳转页面的时候传参,是为了有个标识,是为了下一个页面更方便的展示信息。我们可以在switch跳转之前设置一个全局变量,到下一个页面的时候,直接去获取全局变量:这里传的是index

代码语言:javascript复制
//点击轮播下方分类跳转到分类tabber
  nav(e) {
  
    getApp().index = e.currentTarget.dataset.index
    //设置全局变量 (  app已经定义var app=getApp()   )
    
    wx.switchTab({
      url: "/pages/classify/classify",
      
      success: function (e) {    //此方法相当于刷新页面
        var page = getCurrentPages().pop();
        if (page == undefined || page == null) return;
        page.onLoad();
      }
    })
  },

1、保存全局变量

代码语言:javascript复制
getApp().index = e.currentTarget.dataset.index
//设置全局变量 (  app已经定义var app=getApp()   )

2、因为点击跳转并把参数保存到全局变量之后,只能保存一次参数。接受也只能接受一个。所以需要以下代码在每次点击的时候刷新一次重新把参数保存到全局变量

代码语言:javascript复制
success: function (e) {    //此方法相当于刷新页面
        var page = getCurrentPages().pop();
        if (page == undefined || page == null) return;
        page.onLoad();
 }

接收参数

代码语言:javascript复制
 /**
 * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let index=getApp().index
    consolo.log(index)
  },

0 人点赞