vue实现打印功能

Posted 2021-03-06 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实现打印功能的主要内容，如果未能解决你的问题，请参考以下文章