Vue界面中關(guān)于APP端回調(diào)方法無法找到問題

在混合開發(fā)中，HTML界面經(jīng)常性的需要調(diào)用APP端提供的原生方法，而且在很多時(shí)候，APP端需要各種回調(diào)，如果將所有的回調(diào)方法寫在內(nèi)部，不是很方便，而且有些時(shí)候，APP端需要定義一些主動(dòng)觸發(fā)HTML界面的方法，此時(shí)就會(huì)出現(xiàn)一個(gè)略坑的問題：

如果將該方法寫在vue methods內(nèi)，當(dāng)APP主動(dòng)去觸發(fā)這些方法時(shí)，就會(huì)發(fā)現(xiàn)無法獲取到這些方法，導(dǎo)致出錯(cuò)！

針對(duì)這個(gè)回調(diào)問題，在詢問了一些同事之后找到問題所在：在APP端主動(dòng)觸發(fā)HTML方法的時(shí)候，會(huì)到window下面去查找該方法，但是如果將方法設(shè)置到methods中，就會(huì)導(dǎo)致APP端找不到該方法，調(diào)用失敗，解決方法如下：

將方法定義到window下，代碼如下：

// 將方法綁定到window下面，提供給外部調(diào)用
mounted(){
      window['rightFunctionName'] = () => {
          this.getRule();            //回調(diào)方法需要執(zhí)行的代碼
          /*代碼塊*/
      }
 },

采用這種定義方式即可解決APP端調(diào)用問題

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容