1. 程式人生 > >微信小程式-傳參

微信小程式-傳參

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]); } })