vue实现打印功能

Posted sysg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue实现打印功能相关的知识,希望对你有一定的参考价值。

1.安装依赖 vue-print-nb

cnpm i vue-print-nb -S

2.在mian.js中引入

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

3.在页面中使用

<div id="printTest" >
    <p>test1</p>
    <p>test1</p>
</div>
<button v-print="‘#printTest‘">打印</button>

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

以上是关于vue实现打印功能的主要内容,如果未能解决你的问题,请参考以下文章