Vue界面中關於APP端回調方法問題

在混合開發中，HTML界面常常性的須要調用APP端提供的原生方法，並且在不少時候，APP端須要各類回調，若是將全部的回調方法寫在內部，不是很方便，並且有些時候，APP端須要定義一些主動觸發HTML界面的方法，此時就會出現一個略坑的問題：

若是將該方法寫在vue methods內，當APP主動去觸發這些方法時，就會發現沒法獲取到這些方法，致使出錯！

針對這個回調問題，在詢問了一些同事以後找到問題所在：在APP端主動觸發HTML方法的時候，會到window下面去查找該方法，可是若是將方法設置到methods中，就會致使APP端找不到該方法，調用失敗，解決方法以下：

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

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

採用這種定義方式便可解決APP端調用問題