vue H5和安卓,ios怎么配合交互???

Question

问题描述

1.首先需要实现这么一个功能,我是在vue-cli写的第一次和原生对接,登入 注册时原生写的,他们登入成功后拿到token要我写个方法,调用我的方法传给我,我token是在main.js中
axios.defaults.headers.common['token'] = tokens;这样设置的,请教下我这方法怎么写?

2.我要点击一个按钮跳转到安卓ios的某个创建页面;
3.我要把这边的某个参数传给原生

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

1，可以直接把token拼在url上，然后在页面里取，或者

    // 把函数挂在window对象上来暴露给APP
    let _this = this;   
    window.getParams= function(params) {
      _this.getParams(params);
    };

2,3一个意思

//调用原生代码暴露的接口
appFun(state, { funName, val = null }) {
      if (state.dev.type == 2) {
        window.android[funName](val);//android是安卓原生代码那边自定义的
      } else if (state.dev.type == 1) {
        window.webkit.messageHandlers[funName].postMessage(val);
      }
    }

或者去了解下jsbridge
原生代码让他们自己搜去吧~

Answer 2

native可以拿到window对象，你可以将方法或者token之类的东西挂载到window对象上，就相当于全局变量，当然你可以拿到native的方法，已全局的形式，然后你们互相调用即可