小程序底部导航跳转传参问题

最新推荐文章于 2025-06-11 13:11:18 发布

前端王小婷

最新推荐文章于 2025-06-11 13:11:18 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_44763569/article/details/89091705

本文介绍了在微信小程序中，如何解决底部导航switchTab无法携带参数的问题。通过设置全局变量，在目标页面读取该变量实现参数传递。详细步骤包括在index.wxml和index.js中的操作，以及在detail.wxml和detail.js中如何获取和使用这些参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这篇文章demo是为了一个粉丝（实力宠粉，手动微笑，哈哈）写的，正好今天周五，时间还是比较多的，不急着回家，因为回家也是玩游戏，留在办公室里面还可以多学习一些知识。和这篇文章类似，小程序扫码成功后带着参数跳转到指定页面,不同的地方是tab页的跳转。

但是，在小程序开发文档里面，我们发现switch是不能添加参数的。

解决办法：在switch跳转之前设置一个全局变量，到下一个页面的时候，直接去获取全局变量即可。

index.wxml

<!-- 底部的按钮 -->
<button class='Scancode' bindtap='getScancode'>绑定车辆</button>

index.js

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    result: ''
  },

  onLoad: function () {

  },

  getScancode: function () {
    var _this = this;
    // 允许从相机和相册扫码
    wx.scanCode({
     
      success: (res) => {
        getApp().globalData.showDialog = res.result;
        //wx.navigateTo({
      wx.switchTab({
       // ur