天天看點

小程式頁面傳值的幾種方式--總結

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