vue中CSS打印实现及问题记录汇总(window.print、浏览器打印)
1、print.vue中的样式主要是class进行编写使用的,通过3-4获取到的元素,在打印预览时class设置的样式会不生效,行内style设置的样式是正常的,这是因为创建的iframe中无对应style文件样式,对应class也就无效果。原理、背景:通过浏览器的window.print()调出打印预览设置,而该方法是默认直接打印当前浏览器界面的document.body中的界面,我们的需求是先用HTML+CSS对打印界面进行排版,然后填入后端数据,实现最终打印界面。
原创
2023-03-03 16:14:00 ·
2872 阅读 ·
3 评论