1、安装print-js npm install --save print-js 2、给需要打印的部分设置一个id 例如:我需要打印的是一整个表单内容,就再form表单上面设置id(此id用于打印页面时确定需要打印的范围) 3、添加按钮和点击事件实现触发打印 在按钮的点击事件中配置printJs相关属性,实现以实现打印效果。 printable:数据对象 type:打印类...
它的基本用法是呼叫printJS()只需输入一个PDF文档网址:printJS('docs/PrintJS.pdf ')。 对于图像文件,想法是一样的,但是您需要传递第二个参数:printJS('images/PrintJS.jpg ‘,’ image ‘)。 要打印HTML元素,以类似的方式,传入元素id并键入:printJS(’ myelementtid ‘,’ html ‘)。 打印JSON数据时,...
先去官网下载 printJs 文件https://codeleading.com/article/82084960757/#google_vignette // window.print()原生 打印背景色失效问题https://printjs.crabbly.com/ // 官网文档https://blog.csdn.net/weixin_39602178/article/details/133761418 // 字体大小无效问题 <!DOCTYPEhtml>Document.header-wrap,.body-wra...
Print.js 网页打印插件 原生js,不依赖其它库 可指定打印(或不打印)区域 支持css样式(内联、外联、嵌入) 支持input(radio/checkbox/text)、select、textarea值获取 使用方法 引入Print.js 1 绑定方法 1 Print('#Dom'); 指定不打印区域 方法一. 添加no-print...
一、引入print插件 1.1、新建文件夹和js文件 在根目录src下面新建一个plugins文件夹,下面新建一个print.js文件 也可以直接npm安装插件npm ins...
实现思路:百度…百度…百度之后,printjs这款插件比较满足需求,无需下载,无需写打印模板,并且兼容Element-ui中el-form表单的打印。 一、Print.js介绍 Print.js官网 Print.js 主要是为了帮助我们直接在我们的应用程序中打印 PDF 文件,无需离开界面,也无需使用嵌入。 对于用户无需打开或下载 PDF 文件而只需打印它们...
您可以从GitHub版本下载最新版本的Print.js:https://github.com/crabbly/Print.js/releases npm 安装 npm install print-js --savenpm安装时将库导入项目 import print from 'print-js'首先,我们需要在页面上包含Print.js库和样式 下面主要介绍一下我们要用的打印方法printJS();将接受一个对象作为参数,下面表格...
一般后台系统需要用到打印,网上让用的print_nb组件,亲测过,还是把js整出来好用。 找到print.js文件放到plugins目录中,目录随意指定。 1、打印功能页面引用print.js import Print from '../../../plugins/print.js' 2、指定打印区域,不打印部分可以自定义class,在print.js中修改指定的类名 ...
打印json时可以添加表头。打印html页时可以继承原有页面的样式,局部打印,过滤掉要打印的元素,及其方便。 一、vue安装命令: npm install print-js –save 二、引入 这个引入不需要在main.js中,直接在使用的.vue中引入即可 这里颜色虽然是灰色,但是也要添加,否则会报错。
//main.js import Print from './print'; Vue.use(Print); // xx.vue this.$print(this.$refs.printDom, {}); 1 2 3 4 5 6 vue3项目,在需要使用的页面,引入方法,然后方法调用。 声明不打印区域 声明"no-print"类名 ,此时print方法中,不需要特意声明,默认会剔除.no-print区域 ...