Vue3添加打印功能

 一，安装 vue3-print-nb

yarn add vue3-print-nb
//或
npm install vue3-print-nb

二，main.js中引入 vue3-print-nb

import print from 'vue3-print-nb'

app.use(print)

三，页面内引入

import print from 'vue3-print-nb'
const vPrint = print;

四，声明打印时的配置的变量

const printSetting = ref({
    id: 'printMsg',
})

五，为打印按钮绑定上v-print指令，值为配置变量

​
 <div id="printMsg">
   <!-- 打印部分 -->
            
 </div>

​

六，为打印按钮绑定上v-print指令，值为配置变量

<div v-print="printSetting">打印</div>

七，效果