![e2bd906b567a0314852ef9b3b78a4017.png](https://i-blog.csdnimg.cn/blog_migrate/fe91edfd3e0f4f1acd2862515e8269b3.jpeg)
一、单页打印
![18207630581b365ed366da5a8719226c.png](https://i-blog.csdnimg.cn/blog_migrate/38699250189a9d471323047dbd7b0f5b.jpeg)
只对当前页面可见数据进行打印,实现方法不唯一,此处介绍相对简单的vue-print-nb。他的缺点是只能打印可见区域,不能分页打印 。
1.安装
npm install vue-print-nb --save
2.引入
// 安装好以后在main.js文件中引入
import Print from 'vue-print-nb'
Vue.use(Print); //注册
3.使用
3.1直接使用id,不对最终打印的表格进行样式修改
- template
// 通过ID直接打印
<div id="print_demo" &g