使用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元素。
  • 需要监听打印方法,在打印和正常浏览时切换显示元素。
➡️

继续阅读