这篇文章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