print-js 分页符

您可以使用以下代码来在Print.js中添加分页符：

@media print {
  .page-break {
    page-break-after: always;
  }
}

然后在需要添加分页符的地方，添加以下HTML代码：

<div class="page-break"></div>

这样就可以在打印过程中添加分页符了。

相关问题

vue-print-nb打印分页

### 回答1：
vue-print-nb是一个Vue.js的第三方库，可用于在浏览器中打印页面。要在打印输出中添加分页，你需要在CSS样式中使用@media print查询来指定打印时的样式。下面是一个示例代码：

@media print {
  .page-break { 
    page-break-after: always; 
  }
}

这个CSS代码片段将在打印时创建一个分页效果。然后，你需要在HTML中添加一个具有.page-break类的元素，以指定何时在页面上插入分页。例如：

<div class="page-break"></div>

在需要插入分页的地方添加这个元素，然后在打印时就会自动创建分页了。注意，在使用vue-print-nb打印页面时，你需要确保这个CSS样式和HTML元素已经正确地引入到了打印输出的HTML页面中。

### 回答2：
vue-print-nb是一个Vue插件，用于在Vue项目中生成分页的打印内容。

该插件提供了一种简便的方法来生成打印内容，并且可以自定义打印样式。通过使用vue-print-nb，我们可以在Vue项目中轻松地实现按页打印的功能。

使用vue-print-nb，首先需要在Vue项目中安装该插件。我们可以使用npm或yarn来安装插件，然后在main.js中引入插件，并将其注册为全局组件。

接下来，在需要打印的页面中，我们可以使用<v-print-nb>标签来指定要打印的内容。我们可以在这个标签内放置需要打印的页面元素，比如表格、图片等。

除了使用<v-print-nb>标签指定打印内容，我们还可以通过配置打印选项来自定义打印样式。我们可以在<v-print-nb>标签上添加属性来设置字体大小、页眉页脚等打印选项。

当我们需要打印分页时，可以使用插件提供的分页功能。在需要分页的地方，我们可以使用<p-print分页符>标签来进行分页。这样，生成的打印内容就会按照我们指定的分页进行。

最后，当我们需要进行打印时，可以调用vue-print-nb提供的打印方法。我们可以通过点击按钮或其他事件来触发打印操作。在打印方法中，插件会自动将指定的打印内容生成为打印预览，并弹出打印对话框，供用户选择打印机和设置打印选项。

总而言之，vue-print-nb是一个方便易用的Vue插件，用于在Vue项目中生成分页的打印内容。通过简单的配置，我们可以轻松地实现按页打印的功能，并且可以自定义打印样式。

vue-print-nb 自动分页怎么实现

vue-print-nb 是一个基于 Vue.js 的打印插件，其中自动分页的实现是通过 CSS 样式来控制的。具体实现步骤如下：

1. 首先需要为需要分页的元素设置 CSS 样式，如下所示：

page-break-before: always;

这会在当前元素之前插入一个分页符。

2. 在 vue-print-nb 的配置中，需要设置 `manualPageBreak` 为 `true`，这样插件就会根据 CSS 样式自动进行分页。

Vue.use(VuePrintNB, {
  manualPageBreak: true
});

3. 确保需要分页的元素在打印时不会被裁剪，可以通过设置 `overflow: visible !important;` 来实现。

@media print {
  .page {
    overflow: visible !important;
  }
}

这样，当需要分页的元素超过一页时，vue-print-nb 就会自动将其分成多页进行打印。