背景:由于项目中使用到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中 }