商城系統(tǒng) 注冊

微信小程序不同頁面之間的傳值

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

 

我們在開發(fā)微信小程序的時候,經(jīng)常會遇到不同頁面之間的傳值,而且是百分百的遇到,

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

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

微信小程序不同頁面之間的傳值

1,input輸入框和提交按鈕

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

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

2,在js中給上面兩個綁定的進(jìn)行事件注冊,這里的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,在要跳轉(zhuǎn)的onload的頁面中添加

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

that.setData({ uesrname: uesrname });

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

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

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