前端打印-v-print

讲讲

在需求中遇到一个打印需求，查到了vue-esye-print，使用标签扩起来就可以打印需要的部分，但是由于项目已经成型，所以就没有去使用这个，观察到了项目中右使用hi print ，这个刚刚使用有点一言难尽，还是找前辈大致告诉我这个是怎么使用，由于需求是批量打印和单个打印两份，我先研究了一下单个打印，hiprint 的单个打印，是研究出来了，但是前辈突然告诉我说，咋没有一个很简单的，叫v-print 的东西，然后在我震惊的目光中，前辈在我团了好久的那个按钮上（加了一个v-print="#id"）和要显示的区域上(id="#id"),然后运行，欧克，出来了。。。。。

使用

安装 npm install vue-print-nb --save

在main.js文件中注册

import Print from 'vue-print-nb'

Vue.use(Print);

好了，然后你就可以使用他来进行打印效果了

当然如果你还有其他的需求，可以使用pint(){}配置，

代码