vue+原生App混合开发(vue中暴露js方法给android和ios调用)
首先声明以下例子(代码)适用于h5通过采用自定义Url拦截,JS回传数据的方式调取原生方法(即H5通过window.location=url的方式调用接口)。
话不多说直接上代码:
mounted() {
//把js方法暴露给app(也可以写在created里)
window["loginData"] = res => {
this.loginData(res);
};
this.getLogin()
},
methods:{
getLogin(){ //callback的参数值由h5这边提供(你暴露给原生的方法名)
window.location.href = "原生提供的接口地址?参数1=xxx&callback=loginData"
},
loginData(res){
console,log(res);//原生返回的数据
}
}