vue的回调函数在哪里注册激活?

我是帅帅的玉米
  • 609

请教一下,用vue写的webapp,项目最后是内嵌在一个安卓app里面的,然后安卓app有个函数供我们调用他们的接口,也可以让我们注册函数给他们调用。

现在是这样的情况,如果说是ractivejs这种框架里面,他们的函数都是统一写在index.html里面的js。现在在vue2.0+webpack的框架下,类似的我把原生的函数写在util里面暴露出来,成功调用他们的退出函数,但是我们注册函数给他们使用的时候无论是放在util还是放在app.vue里面,都无法成功注册给安卓app调用。

我们应该把这类函数放在vue的什么地方才能够成功注册函数给他们调用。

代码如下:
1、util.js里面暴露的全局函数

export function jsBridge(callback) {
  ...
}

2、在相应的组件调用全局函数退出到他们系统,成功调用

exitSystem:function () {
    util.jsBridge(function(bridge) {
      ...
      });
    })
  },

3、我们要注册函数给安卓的回退键调用,函数如下格式,这个函数无论放在哪里都没有成功,请教各位大神知道放在哪里才可以吗?我想过放mainjs,但是mainjs是整合各种插件用的,按原理来讲,放在app.vue是没有问题的,但是试了都不行,我放过created()钩子,也放过mounted()钩子,都没法调用,对于vue玩的不是很深,所以这个问题一直很困扰。

jsBridge(function(bridge){
  bridge.registerHandler('他们的接口', function(data, responseCallback) {
    if(){//哪些页面需要退回到原生
      responseCallback("exit");
    }else{//其他页面history.back
      this.$router.go(-1)
    }
  });
});
回复
阅读 2.8k
1 个回答
小萨飞起
  • 1
新手上路,请多包涵

解决了么,同问

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏