欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信小程序跨頁(yè)面通信 - 新聞資訊 - 云南小程序開(kāi)發(fā)|云南軟件開(kāi)發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開(kāi)發(fā)/軟件開(kāi)發(fā)

知識(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)案例查看更多