Javascript Vue js+；元素界面[如何打印表格？]

我使用元素io作为组件。现在我的问题是我使用这个

window.print（）

进行打印，但它会打印整个页面。但我只想打印表格。

好吧，你只需要隐藏所有内容

@media print{
  *{ display: none; }
  table { display: block; }
}

---

你只需要把一切都藏起来

@media print{
  *{ display: none; }
  table { display: block; }
}

---

因为您使用的是Vuejs

您可以使用vuejs中的“”插件在网页上打印特定元素

使用

v-pript

属性打印所选元素

示例

//this is the table you want to print
<table id="myTable">
    ...
    ... //Your table code goes here
</table>

// Set table id to "v-print" attribute.
// This will do the trick.
<button v-print="'#myTable'">Print Table</button>

---

因为您使用的是Vuejs

您可以使用vuejs中的“”插件在网页上打印特定元素

使用

v-pript

属性打印所选元素

示例

//this is the table you want to print
<table id="myTable">
    ...
    ... //Your table code goes here
</table>

// Set table id to "v-print" attribute.
// This will do the trick.
<button v-print="'#myTable'">Print Table</button>