一、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...
printJS({printable: myData, type: 'json', properties: ['prop1', 'prop2', 'prop3']}) 三.常用配置 Print.js接受一个对象作为参数,在这里你可以配置一些选项: 字段默认值 说明printable null数据源:pdf or image的url,html类型则填打印区域元素id,json类型则是数据object。type'pdf'可选类型:pdf, htm...
import Print from 'vue-print-nb' 先在项目中进行跑一跑 再在打印机中添加打印按钮 <button v-print> 选择打印会覆盖整个页面 会整个打印全部页面 如果想要实现局部打印: 局部打印HTML的写法,标签写着id 局部打印的写法,这里写了局部打印的内容 点击打印就可以简单实现局部打印的功能 --- 方法2,插件打印,老牌...
一.建立print.js,代码封装如下: export default function printHtml(html) { const style = getStyle() const container = getContainer(html) document.body.appendChild
页面应用 vue部分 原理:使用 html2canvas将div内容部分转为图片,再调用print-js打印图片从而实现前端打印操作
Vue项目利用连接针式打印机打印相关单据,打印出来的文字不清晰,字体颜色模糊。 解决思路 1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。然后我就以为是没有设置打印样式问题而导致的。 代码语言:javascript 复制 Print({printable:'print-box',type:'html',documentTitle:'文档标题',header:'统...
简介: 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...
import printHtml from 'print-js' import Print from './components/Print.vue' 步骤3:创建实例方法 components: { Print, }, print() { // 更改页面打印名称 document.title = '***' '.pdf' printHtml({ printable: 'printMe', // 文档来源:pdf或图像url,html元素ID或json数据对象 type:...