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

简介: 小程序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


相关文章
|
4月前
|
存储 缓存 小程序
小程序页面路由传参的方法?
小程序页面路由传参的方法?
|
27天前
|
小程序
微信小程序多种跳转页面方式
微信小程序多种跳转页面方式
|
2月前
|
小程序 API 数据库
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
【微信小程序-原生开发】实用教程09 - 可滚动选项,动态列表-步骤条(含事件传参),动态详情(含微信云查询单条数据 doc)
58 0
|
10天前
|
小程序 开发工具
app跳转微信小程序,使用明文scheme拉起
app跳转微信小程序,使用明文scheme拉起
37 4
|
2月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程16 - 查看详情(含页面跳转的传参方法--简单传参 vs 复杂传参)
【微信小程序-原生开发】实用教程16 - 查看详情(含页面跳转的传参方法--简单传参 vs 复杂传参)
34 0
|
2月前
|
移动开发 小程序 前端开发
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
php + h5使用 scheme页面跳转微信小程序-其他浏览器一键跳转到微信并打开小程序
58 0
|
4月前
|
小程序 UED
微信小程序跳转的几种方式
微信小程序跳转的几种方式
|
4月前
|
移动开发 小程序 安全
使用阿里云短信+微信短链接跳转微信小程序
此内容是关于使用阿里云短信带传递参数的微信短链接跳转到微信小程序。首先,需要准备微信开发者工具和一个已认证的小程序。接着,开通云开发并配置云开发权限。然后,配置H5静态网页,包括设置云开发权限和处理不同设备的跳转方式。最后,上传云函数并修改其权限,获取微信短信链接,配置短链接参数,并开通阿里云短信服务以进行测试验证。整个过程涉及到了微信开发者工具、云开发、H5页面配置、云函数的创建和部署以及阿里云短信服务的开通和使用等步骤。
307 0
|
4月前
|
小程序 API 开发者
可以在钉钉小程序中直接跳转到审批单提交页面
【2月更文挑战第19天】可以在钉钉小程序中直接跳转到审批单提交页面
155 5
|
4月前
|
存储 小程序
小程序路由传参的方法?
小程序路由传参的方法?
86 0