微信小程序怎么實(shí)現(xiàn)不同頁(yè)面之間傳值

今天小編給大家分享一下微信小程序怎么實(shí)現(xiàn)不同頁(yè)面之間傳值的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

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

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

信息之后保存提交，頁(yè)面進(jìn)行跳轉(zhuǎn)，同時(shí)把剛才用戶(hù)輸入的內(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}}

以上就是“微信小程序怎么實(shí)現(xiàn)不同頁(yè)面之間傳值”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。