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

发现非常简单好用，所以大家快冲！！！