Vue-Element-admin 框架上使用 Hiprint 打印插件三、预览正常，打印样式错乱_hiprint项目集成进项目打印窗口边框不显示问题

作者：盐析白兔 | 2024-05-27 01:50:26

踩

hiprint项目集成进项目打印窗口边框不显示问题

在添加模板设计界面的时候，出现了设计没问题，预览也没问题，但是就是打印的时候样式不正确，表格没有边框也不换页数据都堆积到了一起，经过了在群里的咨询，百度的查找，最后找到了问题。

具体原因是，在打印的时候浏览器调用打印功能未获取到piing.css,pring-lock.css的样子文件
在这里插入图片描述
就是这里在打印的时候，如果样式不正确，这里会不显示文件。但是我在程序界面里看了，确实是引用了
那么为什么会这样呢，最后我发现是vue-element-admin的问题。单页面引用的不影响整个框架，而浏览器调用打印的时候使用的是框架引用的CSS
最后我的解决方法是将文件复制到了public项目下
在这里插入图片描述
并在Index.html目录下进行引用，就解决了此问题

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/629323

Vue-Element-admin 框架上使用 Hiprint 打印插件 三、预览正常，打印样式错乱_hiprint项目集成进项目打印窗口边框不显示问题

Vue-Element-admin 框架上使用 Hiprint 打印插件三、预览正常，打印样式错乱_hiprint项目集成进项目打印窗口边框不显示问题