一、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,插件打印,老牌...
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...
批量打印 : 1.用到print.js 自行安装 安装完成后 引用 import printJS from 'print-js'; 2.用到深拷贝 深拷贝代码:(可以将此代码放在一个页面中,对此进行引用即可,例如:放在until文件中,引用代码 import { deepClone } from '@/utils/index')
Vue项目利用连接针式打印机打印相关单据,打印出来的文字不清晰,字体颜色模糊。 解决思路 1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。然后我就以为是没有设置打印样式问题而导致的。 代码语言:javascript 复制 Print({printable:'print-box',type:'html',documentTitle:'文档标题',header:'统...
<form method="post" action="#" id="printJS-form"> ... </form> <button type="button" onclick="printJS('printJS-form', 'html')"> Print Form </button> 4)图片的打印 <img src="images/print-01.jpg" /> printJS('images/print-01-highres.jpg', 'image') ...
命令: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...
简介: Vue Print-js 打印问题记录~ 问题描述 Vue项目利用连接针式打印机打印相关单据,打印出来的文字不清晰,字体颜色模糊。 解决思路 1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。然后我就以为是没有设置打印样式问题而导致的。 Print({ printable: 'print-box', type: 'html', document...
* 使用示例: 1. 先在mian.js中引入 * 2. 函数中调用this.$print(this.$refs.xxxx)*/ /* e...