您的位置:首页 > 移动开发 > 微信开发

微信小程序-传参

2017-11-27 11:29 190 查看

1、普通页面间传参

[b]1.1 url链接传参[/b]

index.js 点击按钮跳转list页面,传值username

wx.navigateTo({
url: '../list/list?username='+this.data.username
})


list.js onload方法里接收username参数

Page({
onLoad: function(options){
console.log(options.username)
}
})


[b]1.2 缓存参数[/b]

index.js 点击按钮跳转list页面,传值username(setStorageSync为同步接口,setStorage为异步接口)

wx.setStorageSync('username', this.data.username)


list.js onload方法里接收username参数

Page({
onLoad: function(){
let shopMsg = wx.getStorageSync('username')
}
})


2、点击事件传参

item点击传参

<view class="item" bindtap="showDetail" data-id="{{item.id}}"></view>


Page({
showDetail: function(e) {
console.log(e.currentTarget.dataset.id);
}
})


3、扫描普通二维码跳转小程序传参

普通二维码链接

https://www.demo.com/item?id=123456 https://www.demo.com/item.action?id=123456


小程序内部参数解析 options.q

Page({
onLoad: function(options) {
var url = decodeURIComponent(options.q); //普通二维码链接
console.log(url.match(/id=(\d*)/i)[1]);
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  小程序传参