微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

小編給大家分享一下微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)與策劃設(shè)計(jì),曲阜網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:曲阜等地區(qū)。曲阜做網(wǎng)站價(jià)格咨詢:13518219792

在微信小程序的開(kāi)發(fā)中,我們會(huì)經(jīng)常遇到頁(yè)面間數(shù)據(jù)傳遞或者相互影響的問(wèn)題。在實(shí)際的開(kāi)發(fā)過(guò)程中,可以通過(guò)以下幾種方法來(lái)實(shí)現(xiàn)。

使用全局變量

全局變量實(shí)際上是定義了一個(gè)全局的對(duì)象,并在每個(gè)頁(yè)面中引入。

在初始化代碼的時(shí)候,小程序會(huì)讀取一個(gè) app.js 的文件,在這里我們可以定義我們所需要的全局變量。

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

然后在頁(yè)面中,可以通過(guò) getApp()方法獲取到全局應(yīng)用對(duì)象,可以對(duì)全局變量進(jìn)行讀取并更改:

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

由于 app.js 在項(xiàng)目中是用來(lái)做基礎(chǔ)配置的,因此不建議將很多變量放在這里配置。一般情況下會(huì)將一些持久化的常量配置在這里,對(duì)于經(jīng)常需要變動(dòng)的量不建議用這個(gè)方法。

使用本地緩存

本地緩存是微信小程序提供的一個(gè)功能,可以將用戶產(chǎn)生的數(shù)據(jù)做本地的持久化,類似于 NOSQL,可以進(jìn)行讀取和修改的操作。

那么在不同的頁(yè)面之間,如何利用它,進(jìn)行數(shù)據(jù)的交互呢?

假設(shè)我們?cè)?A 頁(yè)面保存了用戶的信息。

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

這樣做,這個(gè)數(shù)據(jù)就存在了本地。當(dāng)在 B 頁(yè)面需要使用的時(shí)候,可以直接的獲取到數(shù)據(jù)池中的數(shù)據(jù),并進(jìn)行 CRUD 操作:

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

需要注意的是,在回到 A 頁(yè)面的時(shí)候,小程序需要重新讀取數(shù)據(jù)。這時(shí)候,可以選擇放在生命周期的 onShow 中對(duì)數(shù)據(jù)重新加載

父級(jí)往子級(jí)頁(yè)面(模板)的數(shù)據(jù)傳遞

我們通常會(huì)在頁(yè)面之間進(jìn)行跳轉(zhuǎn)、重定向的操作。這時(shí)候,我們可以選擇將部分?jǐn)?shù)據(jù)放在 url 里面,并在新頁(yè)面 onLoad 的時(shí)候進(jìn)行初始化。

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

在 D 頁(yè)面中,我們可以這樣接收到到所傳進(jìn)來(lái)的參數(shù):

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

wx.navigateTo 和 wx.redirectTo 不允許跳轉(zhuǎn)到 tab 所包含的頁(yè)面,只能用 wx.switchTab 跳轉(zhuǎn)。需要注意的是,wx.switchTab 中的 url 不能傳參數(shù)。

微信新提供的 wx.reLaunch 接口可以傳入?yún)?shù)。

另外,在頁(yè)面中我們通常會(huì)用到一些組件模板,因此在父子之間也會(huì)有相應(yīng)的數(shù)據(jù)傳遞。

使用 name 屬性,作為模板的名字。然后在這里面使用 is 屬性,聲明需要的使用的模板。

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

然后將模板所需要的 data 傳入,如:

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

傳入模板的除了變量,還可以是事件方法對(duì)象。例如,模板中的點(diǎn)擊事件,可以傳遞到使用模板的元素中。

通過(guò)獲取到頁(yè)面對(duì)象進(jìn)行數(shù)據(jù)操作

這個(gè)方法的精髓,是通過(guò)獲取到其他頁(yè)面的對(duì)象原型,然后通過(guò)原型方法 setData 對(duì)當(dāng)前對(duì)象管理的 data 進(jìn)行修改,示例如下:

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

當(dāng)跳轉(zhuǎn)到下一個(gè)頁(yè)面 F 之后,假定在 F 中有操作需要對(duì) E 中的數(shù)據(jù)有修改,則可以使用以下方法:

微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些

這個(gè)方法可以操作頁(yè)面堆棧里面的頁(yè)面的數(shù)據(jù),可以做到讓后一級(jí)頁(yè)面對(duì)上級(jí)頁(yè)面群的數(shù)據(jù)管理。

小結(jié)

在微信小程序中有以上并且不局限于以上幾種的方式進(jìn)行頁(yè)面間數(shù)據(jù)傳遞、交互,在實(shí)際應(yīng)用中可以組合使用。比如說(shuō):

  • 一些常量,可以交由 app.js 管理;需要持久化的量可以放在本地保存。

  • 涉及到下級(jí)頁(yè)面或者模板元素的數(shù)據(jù),可以通過(guò)傳入?yún)?shù)的方式傳入。

  • 后級(jí)頁(yè)面可以通過(guò)獲取堆棧里的頁(yè)面對(duì)象快速修改上級(jí)的數(shù)據(jù)。

在實(shí)際應(yīng)用中結(jié)合使用,可以更好地管理小程序的數(shù)據(jù)。

以上是“微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網(wǎng)站欄目:微信小程序頁(yè)面間傳遞數(shù)據(jù)的方法有哪些
文章出自:http://www.kartarina.com/article49/ijgchh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、手機(jī)網(wǎng)站建設(shè)靜態(tài)網(wǎng)站網(wǎng)站內(nèi)鏈、面包屑導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
主站蜘蛛池模板: 日韩av片无码一区二区三区不卡| 成在人线av无码免费高潮水| 自慰无码一区二区三区| 亚洲一区二区三区无码国产| 国产精品爽爽V在线观看无码| 无码精品视频一区二区三区| 无码乱肉视频免费大全合集| 东京无码熟妇人妻AV在线网址| 精品久久亚洲中文无码| 国产综合无码一区二区辣椒| 国产精品无码久久综合网| 四虎成人精品无码| 国产激情无码一区二区三区| 特级毛片内射www无码| 亚洲av日韩av无码| 13小箩利洗澡无码视频网站免费| 国产精品国产免费无码专区不卡| 无码人妻丰满熟妇区免费| 中文无码制服丝袜人妻av| 国产日韩精品无码区免费专区国产| 中文无码亚洲精品字幕| 6080YYY午夜理论片中无码| 夜夜添无码一区二区三区| 中文字幕在线无码一区| 免费无码作爱视频| 亚洲色偷拍区另类无码专区| 午夜无码中文字幕在线播放 | 狠狠精品干练久久久无码中文字幕 | 无码尹人久久相蕉无码| 无码人妻少妇色欲AV一区二区| 国模GOGO无码人体啪啪| 亚洲日韩中文无码久久| 亚洲中文字幕无码爆乳AV| 成人免费无码H在线观看不卡| 午夜成人无码福利免费视频| 亚洲av无码乱码在线观看野外| 亚洲人成无码www久久久| 国产激情无码一区二区app| 无码精品人妻一区二区三区人妻斩| 无码一区二区三区免费| 亚洲熟妇无码一区二区三区|