如何在Vue中使模态可打印？答案

【问题标题】：how to make modal printable in vue?如何在Vue中使模态可打印？
【发布时间】：2020-09-10 08:04:26
【问题描述】：

我有一个模态框，里面有一个表格。如何使表格或带有表格的模态可打印？

这就是我的 html 的样子：

<b-modal v-model="modalShow" :title="tableTitle" scrollable hide-footer>
  <b-table striped :items="tableData" :fields="fields"></b-table>
</b-modal>

我是新手，简单的方法会很好：D

【问题讨论】：

不确定这是您想要的吗？ jsfiddle.net/mx2odn94
哦不，有桌面显示一切都很好。我认为这是我的语言和英语之间的区别：我的意思是真的可以打印。我需要一个将表格信息发送到操作系统或浏览器的按钮。只是为了打印出来。或者如果它足够简单--> 直接打印到打印机

【解决方案1】：

也许您可以使用诸如https://github.com/MrRio/jsPDF 之类的库来创建表格的PDF，然后打印此PDF。这还有一个好处是用户可以下载并在以后打印。

【讨论】：