一.在微信小程序中，解决wx.switchTab 本身不支持直接携带参数跳转的问题

1.不同跳转方法的区别

2.其中 wx.switchTab 的使用示例：

wx.switchTab({
  url: '/pages/tabBar/index/index', // 需是在 app.json 中配置的 Tab 页面路径
  success: () => {
    console.log('切换 Tab 成功');
  }

二.微信小程序中 wx.switchTab 的数据传递：

[!IMPORTANT]

在微信小程序中，wx.switchTab 本身不支持直接携带参数跳转。若需在切换 Tab 时传递数据，可通过以下几种方案实现：

方案 1：利用全局变量（getApp().globalData）

将需要传递的数据存储在小程序的全局数据中，在目标 Tab 页的生命周期函数中读取。

• 步骤 1：存储数据

  在跳转前，将数据存入全局变量：

// 跳转前的页面

const app = getApp();

app.globalData.tabParams = {

  tab: 'reserve',

  id: 123

};

wx.switchTab({

  url: '/pages/tabBar/order/order'

});

• 步骤 2：读取数据

  在目标 Tab 页的 onShow 生命周期中读取并使用数据：

// 目标 Tab 页（order.js）

const app = getApp();

Page({

  onShow() {

    const params = app.globalData.tabParams;

    if (params) {

      console.log('接收到的参数：', params);

      // 清空数据（避免重复读取）

      app.globalData.tabParams = null;

    }

  }

});

方案 2：利用本地缓存（wx.setStorageSync/wx.getStorageSync）

通过本地缓存临时存储数据，在目标 Tab 页读取后清除。

• 步骤 1：存储数据

wx.setStorageSync('tabParams', {

  tab: 'reserve',

  id: 123

});

wx.switchTab({

  url: '/pages/tabBar/order/order'

});

• 步骤 2：读取数据

Page({

  onShow() {

    const params = wx.getStorageSync('tabParams');

    if (params) {

      console.log('接收到的参数：', params);

      // 清除缓存

      wx.removeStorageSync('tabParams');

    }

  }

});

方案 3：利用URL 锚点（仅支持简单标识）

若只需传递简单标识（如状态标记），可在 URL 后加锚点（#）（switchTab 会忽略 ? 后的参数，但锚点可保留）。

• 跳转时：

wx.switchTab({

  url: '/pages/tabBar/order/order#reserve'

});

• 目标页读取：

  在目标页的 onShow 中通过 getCurrentPages() 获取当前页面 URL，解析锚点：

Page({

  onShow() {

    const pages = getCurrentPages();

    const currentPage = pages\[pages.length - 1];

    const url = currentPage.route + currentPage.\_\_route\_\_; // 兼容不同版本

    const anchor = url.split('#')\[1];

    if (anchor === 'reserve') {

      console.log('触发预约相关逻辑');

    }

  }

});

注意事项

• 全局变量和本地缓存方案需注意数据的时效性，建议使用后及时清空，避免脏数据。

• 锚点方案仅适用于简单标识传递，不适合复杂数据。

根据你的业务场景选择合适的方案即可实现 switchTab 时的数据传递～