外贸网站建站方案,广州市中心在哪个区,深圳市住房和建设保障局,建设网站时间浏览器自带的window.print 功能较简单#xff0c;这里使用LODOP露肚皮打印 以下是vue2示例#xff1a;
从官网中下载Lodop和C-Lodop官网主站安装包并安装到本地电脑可以全局搜索电脑找到安装文件LodopFuncs.js#xff0c;也可以直接复制我贴出来的文件
//用双端口加载主JS…浏览器自带的window.print 功能较简单这里使用LODOP露肚皮打印 以下是vue2示例
从官网中下载Lodop和C-Lodop官网主站安装包并安装到本地电脑可以全局搜索电脑找到安装文件LodopFuncs.js也可以直接复制我贴出来的文件
//用双端口加载主JS文件Lodop.js(或CLodopfuncs.js兼容老版本)以防其中某端口被占:
var MainJS CLodopfuncs.js,URL_WS1 ws://localhost:8000/MainJS, //ws用8000/18000URL_WS2 ws://localhost:18000/MainJS,URL_HTTP1 http://localhost:8000/MainJS, //http用8000/18000URL_HTTP2 http://localhost:18000/MainJS,URL_HTTP3 https://localhost.lodop.net:8443/MainJS; //https用8000/8443//检查加载成功与否如没成功则用http(s)再试
//低版本CLODOP6.561/Lodop7.043及前)用本方法
function checkOrTryHttp() {if (window.getCLodop) return true;var head document.head || document.getElementsByTagName(head)[0] || document.documentElement;var JS1 document.createElement(script),JS2 document.createElement(script),JS3 document.createElement(script);JS1.src URL_HTTP1;JS2.src URL_HTTP2;JS3.src URL_HTTP3;JS1.onerror function(e) {if (window.location.protocol ! https:)head.insertBefore(JS2, head.firstChild); elsehead.insertBefore(JS3, head.firstChild);}JS2.onerror JS3.onerrorfunction(){var JSelf document.createElement(script);JSelf.src /MainJS; //JSelf让其它电脑通过本机打印仅适用CLodop自带例子document.head.insertBefore(JSelf, document.head.firstChild);}head.insertBefore(JS1,head.firstChild);
}//加载Lodop对象的主过程:
(function loadCLodop(){if (!window.WebSocket window.MozWebSocket) window.WebSocketwindow.MozWebSocket;//ws方式速度快(小于200ms)且可避免CORS错误,但要求Lodop版本足够新:try {var WSK1new WebSocket(URL_WS1);WSK1.onopen (e) { setTimeout(() { checkOrTryHttp() },200); }WSK1.onmessage function(e) {if (!window.getCLodop) eval(e.data);}WSK1.onerror function (e) {var WSK2new WebSocket(URL_WS2);WSK2.onopen function (e) { setTimeout(() { checkOrTryHttp() },200);}WSK2.onmessage function(e) {if (!window.getCLodop) eval(e.data);}WSK2.onerror (e) {checkOrTryHttp();}}} catch (e) {checkOrTryHttp();}
})();//获取LODOP对象的主过程:
export function getLodop(oOBJECT, oEMBED) {var LODOP;try {LODOP window.getCLodop();if (!LODOP document.readyState ! complete) {alert(C-Lodop没准备好请稍后再试);return;}//清理原例子内的object或embed元素避免乱提示if (oEMBED oEMBED.parentNode) oEMBED.parentNode.removeChild(oEMBED);if (oOBJECT oOBJECT.parentNode)oOBJECT.parentNode.removeChild(oOBJECT);return LODOP;} catch (err) {alert(getLodop出错: err);}
} 参考常见问答 - Lodop打印控件官方网站在vue中使用lodop 最重要的打印初始化数据需要为每个事件设置不同的任务id this.LODOP.PRINT_INIT(TaskID${this.printType}); 官网文档中有描述 这样不同的按钮/功能就能每次调用不同的默认打印机了。
