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>

七,效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@Doraemen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值