商城系統(tǒng) 注冊

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

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

 

我們在開發(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}}

以上就是頁面跳轉之間的一個方法。

電話咨詢 預約演示 0元開店