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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐