vue与Android之间的数据传值

Posted 2021-02-21 一介布衣乄

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