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