小程序wx.switchTab的跳转传参问题

这篇文章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({
       // url: '../details/details?showDialog=' + res.result
          url: '../details/details',

        })   
      } 
    })

  }

})

要跳转的tab页面 detail.wxml

<view class='page_row'>
  <view class="search">

    <input class='carid' placeholder=" {{showDialog}}" focus="{{focus}}" />
    <input class='carnumber' placeholder="请输入车牌号和驾驶证号码" focus="{{focus}}" />

    <button type="primary" size="{{primarySize}}" loading="{{loading}}" plain="{{plain}}" disabled="{{disabled}}" bindtap="primary"> 绑定</button>

  </view>
  <view class='tip'>
    定位标签和车辆绑定后即可看跟踪车辆位置
  </view>
</view>

details.js

Page({
  data: {
    focus: false,
    inputValue: ''
  },
  onLoad: function (options) {
   
    var showDialog = getApp().globalData.showDialog
    console.log( showDialog)
    // 生命周期函数--监听页面加载
     this.setData({
       showDialog:showDialog
     })
  }
})

app.json

微信小程序 页面跳转 传递参数: https://www.jianshu.com/p/4005560bf7b5

小程序扫码成功后带着参数跳转到指定页面: https://www.jianshu.com/p/413c5831ddd6

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所思所见,对于博客上面有不会的问题,可以加入qq群聊来问我:473819131。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券