1.新建一个文件
// import Vue from 'vue';
export const setupWebViewJavascriptBridge = callback => {
var u = navigator.userAgent;
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if (!isiOS) {
if (window.WebViewJavascriptBridge) {
// eslint-disable-next-line no-undef
callback(WebViewJavascriptBridge);
} else {
document.addEventListener(
'WebViewJavascriptBridgeReady',
function () {
// eslint-disable-next-line no-undef
callback(WebViewJavascriptBridge);
},
false
);
}
} else {
if (window.WebViewJavascriptBridge) {
return callback(window.WebViewJavascriptBridge);
}
if (window.WVJBCallbacks) {
return window.WVJBCallbacks.push(callback);
}
window.WVJBCallbacks = [callback];
var WVJBIframe = document.createElement('iframe');
WVJBIframe.style.display = 'none';
WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
document.documentElement.appendChild(WVJBIframe);
setTimeout(function () {
document.documentElement.removeChild(WVJBIframe);
}, 0);
}
};
export const appUtil={
//网点管家下载附件
downLoadFn(params){
setupWebViewJavascriptBridge(function(bridge){
bridge.callHandler('downLoadFn',params)
})
}
}
2.页面引用
import { appUtil } from "../assets/JSBridge/JSBridge.js";
appUtil.downLoadFn(params)//调用原生方法