在vue中如何实现页面打印

1、控制缩放：经过打印测试，当打印区域超出800px的时候，a4纸是无法显示完整的。看别人的打印一般都是控制在800px以内，发现自己大多数弹窗都是大于800px，此时如果修改宽度，耗费时间及精力太长。

2、　基于浏览器，window.print()是有打印预览界面，缩放横竖排版好像js暂时没找到控制方法。由于弹窗宽度一定，测试了下缩放到62%的时候，打印区域基本完美了。都不存在打印预览页面。原来css也可以控制缩放。

3、首先我们先定义一个div把你要打印的内容包起来，比如下面的：我们给最外的那个div定一个id。等下我们会用到这个id。

4、然后div里面的内容你们就自由发挥了。我是打印表格。然后我们再写一个按钮，点击后调用打印页面的最后，就是写脚本。

5、bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域 eprnstr="<!--endprint"+oper+"-->";//。

6、设置打印结束区域 prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18)稆糨孝汶; //从开始代码向后取html prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html 。