vue的页面如何和原生的安卓和IOS页面进行交互

首先说一下我的应用场景
新闻列表是原生的安卓和IOS页面开发的,新闻详情页是我做的,主要是因为新闻页面需要分享出去,所以就写成一个H5的页面了。
新闻详情页:原生那边给传一个newID,还需要一个token的值,用来判断用户的登录状态

newsID的处理

这个大家应该都比较清楚,直接放在url里面获取的,直接上代码

    getQueryString(name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                var r = window.location.search.substr(1).match(reg);
                if(r != null)
                    return unescape(r[2]);
                return null;
            },
      this.getQueryString('id');

token的处理

安卓和IOS放在了cookie里

  getCookie(cname) {
                var name = cname + "=";
                var ca = document.cookie.split(';');
                for(var i = 0; i < ca.length; i++) {
                    var c = ca[i].trim();
                    if(c.indexOf(name) == 0) return c.substring(name.length, c.length);
                }
                return "";
        },
  this.token=this.getCookie("token");

安卓和IOS调用我们写的内部的方法

这个页面我是引入了vue.js来做数据处理

 //在created中这样写原生便可以调用了
created: function() {
       window.changeList = this.changeList;
       window.getShareInfo = this.getShareInfo;
}

这边是全部了,希望能对你们有所帮助
要继续去爬坑了

你可能感兴趣的:(vue的页面如何和原生的安卓和IOS页面进行交互)