Android调用Vue方法

1、在vue页面中自己封装一个方法,我这边写了一个点击按钮改变文字吧,大概就是这么个意思。

<template>
  <div class="">
      <p>{{msg}}</p>
      <!-- <button @click="scanCallBack()">scanCallBack</button> -->
      //测试本地封装好的方法
  </div>
</template>

2、vue中封装好方法后一定要暴露到mounted钩子函数中,让安卓开发人员去调。

export default {
    data: function(){
        return {
          msg: "哈哈"
        }
    },
    //封装好的方法挂载到mounted里面
    mounted: function() {
      window.scanCallBack = this.scanCallBack;
    },
    created: function(){
    },
    methods: {
        scanCallBack:function (qrcodeUrl) {
             this.msg = "我通过原生方法改变了文字" 
        }
    }
}

3、ojbk

你可能感兴趣的:(Android调用Vue方法)