Vue中如何通过lodop插件实现打印小总结功能？

本文共计1292个文字，预计阅读时间需要6分钟。

一.Lodop与C-Lodop的区别Lodop打印控件是浏览器插件，与浏览器紧密结合来实现本地打印，是一种嵌入式交互方式。（适用浏览器：ie系列、火狐51版及历史版本、谷歌44版及历史版本）

一. Lodop与C-Lodop的区别

Lodop打印控件是浏览器插件，与浏览器紧密结合来实现本地打印，是一种内嵌到浏览器里交互方式。（适用浏览器：ie系列、火狐51版及历史版本、谷歌44版及历史版本。（新版火狐及谷歌不再支持np插件，也不能使用lodop））

C-Lodop打印服务是以提供服务方式解决web打印，摆脱了对浏览器的依赖，解决了新版谷歌（45版及后续版本）、64位火狐、edge等浏览器不再支持Lodop插件方式的情况，C-Lodop打印服务支持所有浏览器。

既然C-Lodop可以替代Lodop并且支持所有浏览器，实际开发过程中可以直接使用C-Lodop进行完成打印需求

二.vue中使用Lodop

1 把官方提供的LodopFuncs.js文件保存到某个目录下，如myProject\src\assets\LodopFuncs.js

2 修改LodopFuncs.js文件, 在文件最底部添加一行代码 export { getLodop }; //导出getLodop

3 在打印事件处理函数所在文件里 import 该 module 在打印事件函数中调用getLodop获取LODOP对象变量，按照官方教程书写自己的打印函数，通过 PRINT、PREVIEW、PRINT_DESIGN进行输出。