微信小程序-传参

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