1. 程式人生 > >微信小程序之頁面之間傳遞值

微信小程序之頁面之間傳遞值

數據 sets .html 存儲 target itl 頁面 program blank

頁面之間傳值有三種方式

1、url傳值

2、本地存儲傳值

3、全局變量傳值

1.url傳值:

通過url傳值的需要通過option來獲取參數值。

更多詳情可以訪問小程序-navigateTo章節。

A頁面:

wx.navigateTo({
  url: ‘test?id=1‘
})

B頁面:

Page({
  data:{
    id:‘‘,
  },
  onLoad: function(option){
    this.setData({
      id:option.id
    })
  }
})

2.本地存儲:

關於緩存,可以先訪問小程序-數據緩存稍作了解。

A頁面:

wx.setStorageSync(‘username‘, ‘ddd‘)

B頁面:

Page({
  data:{
    username:‘‘,
  },
  onLoad: function(){
   var username = wx.getStorageSync(‘username‘)
   this.setData({
       username: username
    })
  }
})

3.全局的app對象

關於app對象,可以訪問小程序-註冊程序了解相關信息。

app.js頁面:

 globalData: {
    content:
‘‘ }

A頁面:

var app = getApp();
app.content=‘ddd‘;

B頁面:

var app = getApp();
var content = app.content;

微信小程序之頁面之間傳遞值