码迷,mamicode.com
首页 > 移动开发 > 详细

vue与Android之间的数据传值

时间:2020-04-30 15:23:47      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:style   进入   数据解析   mount   eth   函数   webview   view   定位   

背景:由于项目中使用到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之间的数据传值

标签:style   进入   数据解析   mount   eth   函数   webview   view   定位   

原文地址:https://www.cnblogs.com/hanlongZ/p/12808696.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!