欢迎光临
我们一直在努力

vue如何实现打印功能

vue实现打印功能的方法:1.打开终端输入“cnpm i vue-print-nb -S”命令安装依赖;2、在mian.js中引入vue-print-nb;3、在页面中设置一个button按钮实现打印功能即可。

具体操作步骤:

1、首先需要打开终端命令行模式,输入以下命令安装依赖。

cnpm i vue-print-nb -S

2、然后在vue项目mian.js中引入vue-print-nb。

import Print from 'vue-print-nb'

Vue.use(Print)

3、最后在vue页面中设置一个button按钮实现打印功能即可。

<div id="printTest" >

    <p>test1</p>

    <p>test1</p>

</div>

<button v-print="'#printTest'">打印</button>

缺点:只能打印可见区域,不能分页打印

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。