Vue界面中关于APP端回调方法问题

在混合开发中，HTML界面常常性的须要调用APP端提供的原生方法，并且在不少时候，APP端须要各类回调，若是将全部的回调方法写在内部，不是很方便，并且有些时候，APP端须要定义一些主动触发HTML界面的方法，此时就会出现一个略坑的问题：

若是将该方法写在vue methods内，当APP主动去触发这些方法时，就会发现没法获取到这些方法，致使出错！

针对这个回调问题，在询问了一些同事以后找到问题所在：在APP端主动触发HTML方法的时候，会到window下面去查找该方法，可是若是将方法设置到methods中，就会致使APP端找不到该方法，调用失败，解决方法以下：

将方法定义到window下，代码以下：

// 将方法绑定到window下面，提供给外部调用
mounted(){
      window['rightFunctionName'] = () => {
          this.getRule();            //回调方法须要执行的代码
          /*代码块*/
      }
 },

采用这种定义方式便可解决APP端调用问题