一、vue安装命令: npm install print-js –save 二、引入 这个引入不需要在main.js中,直接在使用的.vue中引入即可 这里颜色虽然是灰色,但是也要添加,否则会报错。 三、编码 我这里要打印 html 中的div ,调用函数找到 div 的 id。 methods: { goPrint(){ console.log(‘打印’) printJS({ printable: ‘p...
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...
import Print from 'vue-print-nb' 先在项目中进行跑一跑 再在打印机中添加打印按钮 <button v-print> 选择打印会覆盖整个页面 会整个打印全部页面 如果想要实现局部打印: 局部打印HTML的写法,标签写着id 局部打印的写法,这里写了局部打印的内容 点击打印就可以简单实现局部打印的功能 --- 方法2,插件打印,老牌...
resultArray:[],//用来打印的数据 } }, created() { }, mounted() { }, methods:{ printInt(){ this.$nextTick(()=>{ this.handleDeal() setTimeout(()=>{ let id = document.getElementById('container'); printJS({ printable:id, type:'html', style: 'table{font-size:12px; width:1080...
printable:'printJS-form', type:'html', targetStyles:['*'], maxWidth:1920, }) } 4)最后点击打印按钮,就可以实现类似如下效果: PS:printjs属性汇总 最后贴上printjs的相关属性说明表格,可供扩展参考 以上就是vue使用printjs实现打印局部页面内容的演示说明了,希望对你有帮助!
Printjs允许开发者自定义打印样式。可以通过传递style参数来指定自定义的 CSS 样式。 export default { methods: { printCustomStyle() { printJS({ printable:'printable-content', type:'html', style: ` h1 {color: red;font-size:24px; }p{color: blue;font-size:16px; ...
Vue Print-js 打印问题记录~ 解决思路 1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。然后我就以为是没有设置打印样式问题而导致的。 代码语言:javascript 代码运行次数:0 Print({printable:'print-box',type:'html',documentTitle:'文档标题',header:'统计图',headerStyle:'font-weight:400...
一.安装及引入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...
命令:npm install print-js或yarn add print-js 引入print.js:在Vue组件中,通过import语句引入print.js库。 import printJS from 'print-js'; 创建打印功能:在Vue组件中,创建一个方法来调用printJS函数,指定需要打印的内容。 示例代码中的printContent方法调用了printJS('printSection', 'html');,其中printSectio...