log('打印完成'); }, }); } } 通过以上步骤,你应该能够解决Vue项目中使用Print.js打印时字体样式丢失的问题。如果问题仍然存在,建议仔细检查你的CSS样式和Print.js的配置选项,或者考虑使用其他打印方法。
1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。然后我就以为是没有设置打印样式问题而导致的。 代码语言:javascript 复制 Print({printable:'print-box',type:'html',documentTitle:'文档标题',header:'统计图',headerStyle:'font-weight:400;text-align:center;',style:'@page {margin: 0...
options, debug) {if(!(thisinstanceofPrint))returnnewPrint(dom, options, debug);this.options =this.extend({'noPrint': '.no-print'}, options);this.debug = debug;//是否调试打印,参数是针对打印页面的样式控制,便于显示打印的页面调试if((typeofdom) === "string") {this.dom =document.query...
一、引入print插件 1.1、新建文件夹和js文件 在根目录src下面新建一个plugins文件夹,下面新建一个print.js文件 也可以直接npm安装插件npm install print-js --save,但直接安装的插件配置会有问题,不建议 print.js代码核心点 在Vue.prototype的原型链上面注入$print方法 $print就是你在页面中调用的方法名称 constMyP...
在Vue中使用print.js可以通过以下几个步骤进行。1、安装print.js库,2、在Vue组件中引入print.js,3、创建打印功能。下面将详细描述这些步骤以及相关的背景信息和示例代码。 一、安装print.js库 首先,你需要在项目中安装print.js库。可以使用npm或yarn来完成这个任务。以下
yarn add print-js 可以全局引入,也可以在需要的文件中引入 import pdf from 'vue-pdf' import printJS from 'print-js' 3.主要代码 打印<pdfref="pdf"v-for="item in
第一步 安装组件 第二步 引入组件 安装成功后,可以在当前目录下得根目录下的package.json文件查看。可以全局引入即(在main.js中引入),也可以在需要的文件里面...
一.安装及引入Print.js 1.安装 npm install print-js --save //or yarn add print-js 2.在需要使用的文件引入 import printJS from 'print-js' 二.介绍 Print.js有四种打印类型:'pdf'、'html'、'image'、'json'。 它的基本用法是调用printJS()并传入参数 ...
简介: Vue Print-js 打印问题记录~ 问题描述 Vue项目利用连接针式打印机打印相关单据,打印出来的文字不清晰,字体颜色模糊。 解决思路 1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。然后我就以为是没有设置打印样式问题而导致的。 Print({ printable: 'print-box', type: 'html', document...
vue项目中使用print.js打印,解决多页,分页,打印预览样式修改等问题。 引入安装vue-print.js cnpm i vue-printjs --save-dev 解决打印多页只出现一页问题 由于打印插件存在问题,如果打印文件超出一页,只显示一页,所以我们需要修改print.js源文件,所以只能手动下载vue-print.js到本地,做一些修改,然后引入到项目中...