h5(vue)嵌套ios和android双向交互

// 封装一个bridge.js 文件 ,然后并把这个文件在main.js 挂载到vue原型上
import utils from '@extend/util/util.js'
// utils.deviceType 是获取设备类型的方法
export default {
    callhandler (name,callback,data) {
        let result = '';
        if(utils.deviceType === 'Android'){
            if(data){
                // 这是android提前与安卓开发人员协商好
                result = window.android[name](data);
            }else{
                window.android[name]();
            }
        }
        if(utils.deviceType === 'IOS'){
            result = window.webkit.messageHandlers[name].postMessage(data);
        }
        // 这里考虑到可能有的api有返回值,所以返回了个result
        callback && callback(result)
    },
    registerhandler (name, callback) {
        if(utils.deviceType === 'Android' || utils.deviceType === 'IOS'){
            window[name] = res => {
                let data = '';
                if(res){
                    data = JSON.parse(JSON.stringify(res)) 
                }
                callback && callback(data)
            }
        }
    }
}