vue 获取安卓原生方法_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;

}

这边是全部了，希望能对你们有所帮助

要继续去爬坑了