背景:由于项目中使用到Android WebView加载H5网页,涉及到进入获取定位的操作、这里就涉及到跟Android之间传值、故以记录!!!。
- Vue调用Android方法操作如下:
window.android.方法名 // 方法名后加()
- Vue界面接收Android传递过来的值操作如下:
methods: {
sendLocation(locationData) {
// 将Android传递过来的数据解析
var data = JSON.parse(locationData);
setStore('lat', data.latitude);
setStore('lng', data.longitude);
}
}
- 将Vue的函数挂载到Window中、不然无效使用
mounted() {
const that = this;
window.sendLocation = that.sendLocation; // 挂载到window中
}