微信小程序不同頁(yè)面之間的傳值
我們?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è)面,
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è)方法。