小程序页面传值的几种方式--总结

一.  url传值

list.wxml:

<view class="playIcon"  wx:for="{{list}}"  wx:key="item.id" id="{{item.id}}" data-phone="{{item.phone}}" bindtap="play"></view>

list.js:

play: function (e) {
    let phoneNum = e.currentTarget.dataset.phone;
    let id=e.currentTarget.id;
    wx.navigateTo({
      url: '/pages/list/listDetail?id=' + id,
    })
} 

 listDetail.js:

onLoad: function (options) {
   this.setData({
      id: options.id
    })
}

二.app.globalData  设置全局变量

App({
    globalData: {
        userInfo: null,
        host:'http://localhost:8000'
    }
})

index.js:

const app = getApp()
// app.globalData = '这里也可以设置值',
console.log(app.globalData.host)

小程序全局变量的定义和获取：在app.js中App({globalData:{token:"token",url:"url"}}),在pages页面中先获取应用实例const app = getApp()，通过app.globalData.url获取这个全局变量

三.wx.setStorageSync（）/ wx.getStorageSync（）将值写在本地缓存里，最大支持10M

list.js:

存值到本地缓存

wx.setStorageSync('title',data)

listDetail.js：

从本地缓存取值

let info = wx.getStorageSync('title')
console.log('info',info)