利用vue-print-nb实现打印功能

安装

Vue2

npm install vue-print-nb --save

Vue3

npm install vue3-print-nb --save

引入

import Print from 'vue-print-nb'
Vue.use(Print)

给要打印的盒子指定 id

<div id="print">

使用v-print指令的方式进行打印

<button v-print="{ id: 'printbox' }">打印</button>

注意点

• Callback函数中this指向当前print object对象，that返回Vue对象
• 不需要页眉页脚可以在打印弹窗页面的更多设置里面取消选择
• 不设置popTitle参数页眉标题为undifined
• popTitle参数为空时，页眉标题默认为Document Title

利用vue-print-nb实现打印功能

vue-print-nb – npm