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()
    },
    
}

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐