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中
         }