欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-03-11 19:20:29
对于下面链接博客的补充微信小程序: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

对于下面链接博客的补充

微信小程序: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不能传参

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

以下是解决办法:

wxml

	<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

//点击轮播下方分类跳转到分类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、保存全局变量

getApp().index = e.currentTarget.dataset.index
//设置全局变量 (  app已经定义var app=getApp()   )

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

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

接收参数

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

本文地址:https://blog.csdn.net/ZiChen_Jiang/article/details/107876488