关于条打印的插件有哪些

可以在浏览器的扩展程序市场搜索“打印插件”或者“PDF插件”来查找相关插件。常见的打印插件有Chrome的“Print Friendly & PDF”、Firefox的“Print Edit”、Edge的“PrintFriendly & PDF”等。

相关问题

vue2 vue-print-nb 打印横向滚动条

Vue-print-nb 是一个 Vue 插件，用于生成 PDF文件。至于生成的 PDF 文件是否具有横向滚动条，取决于所使用的 PDF 阅读器和打印设置。

通常来说，PDF 文件在多数阅读器和打印机上默认为竖向滚动条。而横向滚动条通常用于展示宽度较大的内容，例如表格或大幅图片。如果需要在生成的PDF文件中使用横向滚动条，可以考虑以下方法：

1. 使用 CSS 样式：在 Vue-print-nb 的打印内容中，可以添加 CSS 样式来控制 PDF 文件的显示方式。可以使用`overflow-x: scroll;`来实现横向滚动条。这样，在具有横向滚动条的情况下，当滚动 PDF 页面时，内容会横向滚动。

2. 使用 PDF 阅读器设置：在打印 PDF 文件之前，可以在 PDF 阅读器中进行设置，以显示横向滚动条。不同的 PDF 阅读器可能具有不同的设置方式，可以在打印预览界面或打印设置中查找相关选项，并启用横向滚动条。

需要注意的是，不同的 PDF 阅读器可能在打印设置中提供不同的选项。因此，具体如何生成带有横向滚动条的 PDF 文件可能会因阅读器而异。可以根据使用的 PDF 阅读器和打印设置进行调整，以满足对横向滚动条的需求。

vue-print-nb打印插件怎么获取打印总页数和当前打印的第几页

要获取打印总页数和当前打印的第几页，可以使用vue-print-nb插件中提供的`beforePrint`和`afterPrint`钩子函数。

在`beforePrint`钩子函数中，可以通过`this.pageCount`获取打印总页数，通过`this.currentPage`获取当前打印的页码。在`afterPrint`钩子函数中同样可以获取这两个值，但此时已经完成了打印操作。

下面是使用示例：

import Vue from 'vue'
import VuePrintNB from 'vue-print-nb'

Vue.use(VuePrintNB)

export default {
  methods: {
    handlePrint() {
      this.$print({
        beforePrint() {
          console.log(`总共 ${this.pageCount} 页，当前打印第 ${this.currentPage} 页`)
        },
        afterPrint() {
          console.log(`打印完成，总共 ${this.pageCount} 页`)
        }
      })
    }
  }
}

需要注意的是，在`beforePrint`和`afterPrint`钩子函数中，`this`指向的是打印窗口中的`window`对象，因此需要使用箭头函数或将`this`保存在变量中。