商城系統(tǒng) 注冊(cè)

微信小程序不同頁(yè)面之間的傳值

2020-09-27|HiShop
導(dǎo)讀:我們?cè)陂_(kāi)發(fā)微信小程序的時(shí)候,經(jīng)常會(huì)遇到不同頁(yè)面之間的傳值,而且是百分百的遇到,一般情況下都是頁(yè)面跳轉(zhuǎn)的傳值。...

 

我們?cè)陂_(kāi)發(fā)微信小程序的時(shí)候,經(jīng)常會(huì)遇到不同頁(yè)面之間的傳值,而且是百分百的遇到,

一般情況下都是頁(yè)面跳轉(zhuǎn)的傳值,我這里有一個(gè)示例,示例是在Input輸入框中,當(dāng)用戶輸入

信息之后保存提交,頁(yè)面進(jìn)行跳轉(zhuǎn),同時(shí)把剛才用戶輸入的內(nèi)容傳入到新的頁(yè)面,

微信小程序不同頁(yè)面之間的傳值

1,input輸入框和提交按鈕

username是key值,bindinput是綁定的js事件

這里的bindtap也是我要綁定的js事件

2,在js中給上面兩個(gè)綁定的進(jìn)行事件注冊(cè),這里的wx.setStorageSync,可以去微信官方文檔去看下它的作用

clickButton: function () {

wx.setStorageSync('uesrname', this.data.uesrname);

wx.switchTab({

url: '../index/index'

})

},

inputUser: function (e) {

this.setData({

uesrname: e.detail.value

})

},

3,聲明一個(gè)全局變量在app.js中username

4,在要跳轉(zhuǎn)的onload的頁(yè)面中添加

var uesrname = wx.getStorageSync('uesrname');

that.setData({ uesrname: uesrname });

5,在wxml中引入{{username}}

以上就是頁(yè)面跳轉(zhuǎn)之間的一個(gè)方法。

電話咨詢 預(yù)約演示 0元開(kāi)店