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 就会自动将其分成多页进行打印。