使用PrintJs打印ElementUI中的Radio和Checkbox样式显示异常
💡
原文中文,约1100字,阅读约需3分钟。
📝
内容提要
PrintJs无法打印ElementUI中的Radio和Checkbox选中样式,可以通过修改样式或使用原生标签打印解决。方式一是配置scanStyles为false,不使用任何样式。方式二是隐藏Element组件,使用原生标签重新绘画Radio和Checkbox元素。需要监听打印方法,在打印和正常浏览时切换显示元素。
🎯
关键要点
- PrintJs无法打印ElementUI中的Radio和Checkbox选中样式,原因是ElementUI的默认样式。
- 可以通过修改样式或使用原生标签来解决打印问题。
- 方式一:配置scanStyles为false,不使用任何样式,适合打印内容较少的情况。
- 如果使用方式一后样式仍未显示,需要添加特定的CSS代码。
- 方式二(推荐):隐藏Element组件,使用原生标签重新绘画Radio和Checkbox元素。
- 需要监听打印方法,在打印和正常浏览时切换显示元素。
➡️