vue2 vue3 打印插件 vue-print-nb

vue2 vue3 打印插件 vue-print-nb

兼容性：Firefox 、Chrome都兼容，文档说还兼容IE

版本：vue2、vue3都兼容

地址(npm)

基本使用

1. 下载安装、注册为全局组件

npm install vue-print-nb --save-dev

// vue2

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

// vue3 

import { createApp } from 'vue'
import App from './App.vue'
import print from 'vue3-print-nb'
const app = createApp(App)
app.use(print)
app.mount('#app')

如果要单独引入可以参考文档

2. 基本使用

 <div id="printMe">
        xxx
        <!--  打印的内容 -->
 </div>

<button v-print="'#printMe'">Print</button>

打印的时候的页眉和页脚可以在（更多）设置中取消。

注意：如果要控制打印的打开前、打开时、打开后等等的callback，参考npm - vue-print-nb文档

---

ps：我以前用的@theshy/vue-print不兼容Firefox，所以换用vue-print-nb发现非常简单好用，所以大家快冲！！！