微信小程序不同頁面之間的傳值
我們在開發(fā)微信小程序的時候,經(jīng)常會遇到不同頁面之間的傳值,而且是百分百的遇到,
一般情況下都是頁面跳轉的傳值,我這里有一個示例,示例是在Input輸入框中,當用戶輸入
信息之后保存提交,頁面進行跳轉,同時把剛才用戶輸入的內容傳入到新的頁面,
1,input輸入框和提交按鈕
username是key值,bindinput是綁定的js事件
這里的bindtap也是我要綁定的js事件
2,在js中給上面兩個綁定的進行事件注冊,這里的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,聲明一個全局變量在app.js中username
4,在要跳轉的onload的頁面中添加
var uesrname = wx.getStorageSync('uesrname');
that.setData({ uesrname: uesrname });
5,在wxml中引入{{username}}
以上就是頁面跳轉之間的一個方法。