小程序模板網

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

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

頁面之間傳值有三種方式

1、url傳值

2、本地存儲傳值

3、全局變量傳值

1.url傳值:

 通過url傳值的需要通過option來獲取參數(shù)值。

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

 A頁面:

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

B頁面:


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

2.本地存儲:

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

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;


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