本文介绍了在Vue项目中如何实现打印功能。通过安装vue-print-nb插件，并在main.js中引入和注册，然后在需要打印的按钮上添加v-print指令。针对打印不全的问题，提出了使用媒体查询调整样式、设置横向打印以及处理不同分辨率的影响。同时，针对打印时显示隐藏内容和表格数据过长的处理策略进行了说明。
vue实现打印功能
vue自带插件可以实现打印功能，这就需要我们本地安装这个插件。
1、安装 npm install vue-print-nb --save
判断如何安装成功：package.json文件搜索print查看是否有，其实所有判断插件是否安 装成功都可以这样。
2，引入 安装好以后在main.js文件中引入
import Print from ‘vue-print-nb’
Vue.use(Print); //注册
3、如何使用
打印按钮上加上自定义指令v-print，这个是vue内部已经封装好的，不需要自己写，只要加上这个就行。
printObj对象，有打印的标题，打印的区域，这个可以自定义设置
扫一扫
539
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
