Vue使用Print.js打印页面样式缺失怎么办？

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

目录 + 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，导致表格第二行和第一行不一样宽，也就是两行的宽度不对齐。