如何解决Vue中使用Print.js打印页面样式缺失的问题？

本文共计1498个文字，预计阅读时间需要6分钟。

目录 + Vue + Print.js 打印页面样式不出现 + 解决方案总结 + 1. 表格列缺失（Element UI Table组件） + 2. 打印内容缺失（print.js/print-js独立，固定高度导致） + 4. 不能分页 + Vue + Print

目录

• vue Print.js打印页面样式不出现
• 解决方案
• vue-print-nb打印问题总结
• 1、表格的列缺失（element-ui table组件）
• 2、打印内容缺失（print.js/print-js独有，固定高度导致）
• 4、不能分页

vue Print.js打印页面样式不出现

解决方案

加上这句就好了！完美！

vue-print-nb打印问题总结

1、表格的列缺失（element-ui table组件）

原因：table-layout: fixed导致的，出现部分列没有被打印

让表table布局更加符合预期，普通使用table时，其table-layout 默认值是 auto，导致表格第二行和第一行不一样宽，也就是两行的宽度不对齐。