vue与Android之间的数据传值

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

 

vue与Android之间的数据传值

上一篇:uniapp封装网络请求


下一篇:【2020】iOS证书(.p12)和描述文件(.mobileprovision)一键申请流程