1.设置本机电脑打印机配置

设备和打印机–打印机首选项–设置A5纸张的宽高-保存-应用。如下图:
240*140 记账纸张大小

2.vue组件编写

效果图:
xiaoguo

3.辅助js的编写

参看github地址(https://github.com/gaodda/web-print)

4.引入项目

将print.js引入项目所需页面
我们的项目放在(import Print from ‘@/assets/js/print’)这个目录上,根据自己的项目放置。
使用方法:在main.js中Vue.use(Print) ;在print.vue组件中this.$print(this.$refs.printBox)
亲测实例,希望对有同样问题的伙伴们有所帮助!

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐