小程序模板網(wǎng)

微信小程序之頁(yè)面之間傳遞值

發(fā)布時(shí)間:2021-06-17 10:12 所屬欄目:小程序開(kāi)發(fā)教程

頁(yè)面之間傳值有三種方式

1、url傳值

2、本地存儲(chǔ)傳值

3、全局變量傳值

1.url傳值:

 通過(guò)url傳值的需要通過(guò)option來(lái)獲取參數(shù)值。

 更多詳情可以訪問(wèn)小程序-navigateTo章節(jié)。

 A頁(yè)面:

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

B頁(yè)面:


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

2.本地存儲(chǔ):

關(guān)于緩存,可以先訪問(wèn)小程序-數(shù)據(jù)緩存稍作了解。

A頁(yè)面:

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

B頁(yè)面:


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

3.全局的app對(duì)象

關(guān)于app對(duì)象,可以訪問(wèn)小程序-注冊(cè)程序了解相關(guān)信息。

app.js頁(yè)面:

 globalData: {
    content:''

  }

A頁(yè)面:

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

B頁(yè)面:

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


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://u-renovate.com/wxmini/doc/course/26537.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢