知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們?cè)谧非笃湟曈X(jué)表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營(yíng)銷的便利,運(yùn)營(yíng)的高效,讓網(wǎng)站成為營(yíng)銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >
微信小程序跨頁(yè)面通信
發(fā)表時(shí)間:2021-1-5
發(fā)布人:葵宇科技
瀏覽次數(shù):83
最近碰上這樣一種業(yè)務(wù):
一場(chǎng)拼團(tuán)活動(dòng),當(dāng)用戶參團(tuán)購(gòu)買商品并支付成功后,刷新商品列表,確保用戶再次進(jìn)入列表購(gòu)買同一件商品時(shí)該商品的狀態(tài)是 " 已參團(tuán) " 狀態(tài),以及區(qū)分一寫其他業(yè)務(wù)。
首先,如果使用getCurrentPages()的話,過(guò)于繁雜;主要是因?yàn)槲覀兊臉I(yè)務(wù)有分享功能,邀請(qǐng)好友參團(tuán)后,好友是直接從商品詳情進(jìn)入并付款,沒(méi)有上級(jí)頁(yè)面。
因?yàn)閍pp我們使用的也是跨頁(yè)面通信的方法,所有想想,肯定小程序也可以實(shí)現(xiàn),終于找到了方法,在這里記錄一下~】
一、在utils下面新建一個(gè)bridge.js (頁(yè)面名稱按需求起,我這里是比較形象化,bridge是橋梁的意思,可以理解成給頁(yè)面之間搭一座橋)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | var bridge = {}; // on 綁定事件 function on (key, func) { if (!bridge[key]){ bridge[key] = [func]; } else { bridge[key].push(func) } } // emit 觸發(fā)事件 function emit(key, params ) { if (!bridge[key]) return ; for ( let v of bridge[key]){ v( params ) } } // 移除事件 function remove(key) { bridge[key] && delete bridge[key]; } exports. on = on ; exports.emit = emit; exports.remove = remove; |
二、在提交訂單頁(yè)面,支付成功后,觸發(fā)事件
1 2 3 4 5 6 7 | // 引入 var bridge = require( '../../../utils/bridge.js' ) // 觸發(fā)事件 refresh () { bridge.emit( 'refreshParentData' ) } |
三、在需要刷新數(shù)據(jù)的頁(yè)面綁定方法。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | /** * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載 */ onLoad: function (options) { bridge. on ( 'refreshParentData' ,() => { // 這是我要刷新列表的方法 this .activityInfo() }) } /** * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面卸載 */ onUnload: function () { bridge.remove( 'refreshParentData' ) } |
這樣就實(shí)現(xiàn)了跨頁(yè)面通信啦~
相關(guān)案例查看更多
相關(guān)閱讀
- 網(wǎng)站搭建
- 云南做百度小程序的公司
- 楚雄網(wǎng)站建設(shè)公司
- 昆明網(wǎng)站開(kāi)發(fā)
- 云南小程序開(kāi)發(fā)推薦
- 云南企業(yè)網(wǎng)站
- 曲靖小程序開(kāi)發(fā)
- 旅游網(wǎng)站建設(shè)
- 報(bào)廢車拆解管理系統(tǒng)
- 汽車報(bào)廢回收
- 網(wǎng)站建設(shè)制作
- 云南微信小程序開(kāi)發(fā)
- 百度小程序
- 小程序生成海報(bào)
- 云南網(wǎng)站建設(shè)公司哪家好
- 云南網(wǎng)站建設(shè)首選公司
- 云南網(wǎng)站建設(shè)列表網(wǎng)
- python開(kāi)發(fā)小程序
- 昆明軟件定制
- 云南網(wǎng)站建設(shè)一條龍
- 網(wǎng)站建設(shè)價(jià)格
- 云南小程序制作
- 紅河小程序開(kāi)發(fā)
- 網(wǎng)站建設(shè)方案 doc
- asp網(wǎng)站
- 云南網(wǎng)絡(luò)營(yíng)銷
- 云南網(wǎng)站建設(shè)電話
- 網(wǎng)站建設(shè)服務(wù)公司
- 小程序制作
- 模版消息