微信小程序的坑之wx.miniProgram.postMessage

sorra 發布于2019-08-23 12:24 / 3032人閱讀

摘要：也就是只有在小程序后退組件銷毀分享時才會觸發所以應該改變的時機，調換順序就可以了獲取成功這樣再試試，發現能正常捕獲消息了

工作中有個需求是小程序的網頁在關閉的時候，需要回傳給小程序一個參數

查閱小程序官方文檔，有這樣一個接口 wx.miniProgram.postMessage ，可以用來從網頁向小程序發送消息，然后通過 bindmessage 事件來監聽消息，如下是官方文檔描述

以下是代碼：

// 網頁代碼


    
        
        
        postMessage

// 小程序代碼


Page({
  handleGetMessage: function(e) {
    console.log(e.target.data)
  }
})

寫完試了下，期待打印 “獲取成功” ，而實際小程序里面啥也沒打印。。。

然后仔細看官方文檔，發現有這句話：

網頁向小程序 postMessage 時，會在特定時機（小程序后退、組件銷毀、分享）觸發并收到消息。

也就是只有在小程序后退、組件銷毀、分享時才會觸發

所以應該改變 postMessage 的時機，調換順序就可以了

這樣再試試，發現能正常捕獲消息了

GPU云服務器云服務器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98448.html

網頁程序遷移至微信小程序web-view詳解

摘要：網頁引入網頁發起支付由后臺返回，主要是需要統一下單平臺的微信支付頁面支付參數錯誤，請稍后重試支付成功支付失敗支付錯誤分享功能小程序直接分享的所在的頁面，如果需要加上頁面參數，那我們就需要處理一下了。小程序現在越來越流行，但是公司的很多項目都是用網頁寫的，小程序語法不兼容原生網頁，使得舊有項目遷移至小程序代價很高；小程序之前開放了webview功能，可以說是網頁應用的一大福音了，但...

junbaor 2019-08-23 10:28 評論0 收藏0
網頁程序遷移至微信小程序web-view詳解

摘要：網頁引入網頁發起支付由后臺返回，主要是需要統一下單平臺的微信支付頁面支付參數錯誤，請稍后重試支付成功支付失敗支付錯誤分享功能小程序直接分享的所在的頁面，如果需要加上頁面參數，那我們就需要處理一下了。小程序現在越來越流行，但是公司的很多項目都是用網頁寫的，小程序語法不兼容原生網頁，使得舊有項目遷移至小程序代價很高；小程序之前開放了webview功能，可以說是網頁應用的一大福音了，但...

AlphaGooo 2019-08-02 11:04 評論0 收藏0
「前端早讀君009」快速小程序開發之微信小程序內嵌 H5

摘要：前言微信小程序中可以直接運行頁面，這一新組件的產生，可能直接導致小程序數量迎來一波高峰。微信小程序配置系列問題配置域名業務域名中配置的就是小程序以及和中引用的域名。今日勵志語要接受自己行動所帶來的責任而非自己成就所帶來的榮耀。前言微信小程序中可以直接運行 web 頁面，這一新組件 web-view 的產生，可能直接導致小程序數量迎來一波高峰。本篇博文將從業務選型，微信小程序后臺...

wh469012917 2019-08-23 14:28 評論0 收藏0
【微信小程序】采坑之scroll-view組件

摘要：使用中文類的組件時候也就是需要呈現中文的組件，不限于組件是會自動換行的，這時候需求在中強制不換行。在使用非中文組件時候就一切正常。至于為啥使用中文組件會有一部分留白，這個我不知道是個例還是，反正只需要用相對定位移一下就可以了。? 一、摘要　　今天在使用scroll-view組件的時候發現結果跟預想的不一樣。其實也不是第一次用了，同樣的寫法卻出現了意料之外的效果，所以認定是bug了。博主使用...

張憲坤 2019-04-23 13:23 評論0 收藏0