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

一.  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)