适用vue的html前台页面打印插件

最近做了个前台报表打印的功能找了查了很多资料发现了这个打印插件

https://github.com/denghao123/Print.js
在这里感谢作者
个人感觉很好用
首先下载下来
js

//直接引入Print.js
<script src="Print.js"></script>
//调用方法
Print('#Dom',{noPrint:'.no-print'
});
//所有参数
noPrint : String 不打印区域,默认'.no-print'
onStart : Function 打印前回调
onEnd  : Function 打印后回调（不区分确定/取消）
指定不打印区域
方法一. 添加no-print样式类<div class="no-print">不要打印我</div>
方法二. 自定义类名Print('#Dom',{noPrint:'.do-not-print-me-xxx'});<div class="do-not-print-me-xxx">不要打印我</div>

参数不多但是都很实用
vue
需要在src文件下新建print文件夹放入将print.js文件放入如图

然后再main.js文件中引入

import Print from '@/print/print.js'
Vue.use(Print)

.vue中简单的使用也可以搭配onStart、onEnd 进行些复杂的操作

<div id="print">
打印<div class="no-print">不要打印我</div>
</div><button type="primary" icon="file-done" @click="goPrint()">打印</button>
methods: {goPrint(){Print('#print',{noPrint:'.no-print'});}}

适用vue的html前台页面打印插件相关推荐

如何在vue项目中使用lodop打印插件
如何在vue项目中使用lodop打印插件 - 简书先写了个webdemo <%--Created by IntelliJ IDEA.User: AdministratorDate: 2018/ ...
页面打印插件 jquery.jqprint.js 插件使用实例
页面打印插件 jquery.jqprint.js 插件使用实例 jquery.jqprint.js 插件下载 jqprint 是一个基于jQuery编写的页面打印的一个小插件,可以对页面指定元素的内容 ...
Vue使用PrintJS实现页面打印功能
说明大家好,我是呆小杰,收到一个需求,要求实现拼接成表格并能一键回填数据并能打印成A4大小(或者生成pdf)的功能. 实际上回填数据以及拼接部分都很简单,稍微陌生的就是调用浏览器打印功能并将页面内 ...
html页面打印插件,分享8款网站开发中最好用的打印页面插件
原标题:分享8款网站开发中最好用的打印页面插件通常浏览器是通过打印命令来确定需要打印的内容,但它可以在 jQuery 插件打印页面插件的帮助下打印一个特定区域的内容..因此,您可以使用这些 jQue ...
详解如何在vue项目中使用lodop打印插件,以及样式打印预览缺失的问题（底部）
C-Lodop是一个免费云服务程序,可接受来自其它平台浏览器的JavaScrip语句实现远程打印. 目前是各家软件公司进行手机或微信远程打印的流行解决方案. 和其它"云打印"概念相 ...
在vue中实现单页面打印之cdn引入打印
虽然网上挺多的但我还喜欢自己的,先来看看原生javascript实现的打印上代码: 1.要打印的东西 2.预览打印 <!doctype html> <html> <hea ...
vue html页面打印功能vue-print-nb
vue项目中,HTML页面打印功能组件vue-print-nb 源码: https://github.com/shengbid/vue-print, https://github.com/sheng ...
Vue使用Print插件实现页面打印功能/打印列表
Vue使用Print插件实现页面打印示例官网地址可以下载最新版官网下载 npm 安装 npm install print-js --save npm安装时将库导入项目(main.js) imp ...
vue原生js打印插件
##需求在vue单页面应用中打印目标区域 ##解决方案使用原生window.print var printhtml = window.getElementById(dom).innerHtml / ...

适用vue的html前台页面打印插件

适用vue的html前台页面打印插件相关推荐

最新文章

热门文章