vue中使用print.js双重遍历获取打印dom

要使用Print.js在Vue中打印DOM，您需要遵循以下步骤：

1. 在Vue组件中安装Print.js：

npm install print-js

2. 导入Print.js：

import PrintJS from 'print-js'

3. 在Vue组件中编写打印代码。例如，如果您想打印具有“print”类的DOM元素，可以使用以下代码：

methods: {
  print() {
    PrintJS({
      printable: 'print', // DOM元素的ID或类
      type: 'html',
      documentTitle: 'Print Document'
    })
  }
}

4. 在Vue模板中添加一个按钮，以便用户触发打印函数：

<template>
  <div>
    <button @click="print">Print</button>
    <div class="print">Print this!</div>
  </div>
</template>

5. 运行应用程序，单击“打印”按钮即可打印DOM元素。

请注意，Print.js提供了许多其他选项，例如自定义打印窗口的标题和CSS样式。有关更多详细信息，请参阅Print.js文档。