微信小程式-傳參
阿新 • • 發佈:2019-02-18
1、普通頁面間傳參
1.1 url連結傳參
- 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)
}
})
1.2 快取引數
- 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]);
}
})