app扫一扫功能

69 阅读 0 评论 46 点赞

我是靠谱客的博主落寞时光，最近开发中收集的这篇文章主要介绍app扫一扫功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

vue中将方法绑定到window对象下，给app端调用
通过jsBridge方法，H5可以调用客户端（ios，android）的内部方法，

同样，客户端也需要能调用H5页面里定义的js方法，

但是在vue里，所有的方法都是在组件内部声明的，也只能在组件内部调用，

原生调用h5方法必须定义在window对象下

mounted(){
    // 将scanResult方法绑定到window下面，提供给原生调用
    //(方法名scanResult是原生定义好的，扫描成功后会主动调用window下的该方法)
     window['scanResult'] = (val) => {
        this.getScanVal(val)
     }
},

methods:{
    //原生调用scanResult方法后执行getScanVal方法，获取到val
    getScanVal(val){
        console.log('扫一扫获取到的：'+ val)
    },
    
    //点击事件调取扫一扫功能
    doScan(){
        this.demo.doScan()
    },
    
}

在这里插入图片描述