A,安装
npm install vue-print-nb --save
B,main.js全局安装
import Print from 'vue-print-nb'
Vue.use(Print)
C,使用
方式一:直接打印
1.v-print=“printObj”
2.id为printMe的div盒子
方式二:转图片打印
通常做法: 调用window.print()来启动打印功能。
常见问题
点击打印,回到之前的界面,功能都失效,只能浏览,鼠标点击事件都失效了怎么办?
解决方法:
1.再次刷新页面
2.用插件print.js打印---是一个比较完善的解决方案
原生的window.print打印会附带你的样式,而用插件print.js打印则需要另外设置来添加样式;
参考: print.js的项目地址
Demo演示地址