vue-print-nb获取当前第几页

根据引用[1]中提到的"vue-print-nb基本用法"，我们可以使用该插件的`currentPage`属性来获取当前页数。具体的代码示例如下：

<template>
  <div>
    <vue-print-nb ref="print" :currentPage.sync="currentPage"></vue-print-nb>
    <button @click="getCurrentPage">获取当前页数</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 1
    };
  },
  methods: {
    getCurrentPage() {
      console.log("当前页数：", this.currentPage);
    }
  }
};
</script>

在上述代码中，我们通过`<vue-print-nb>`组件的`currentPage`属性来绑定当前页数，并通过`@click`事件监听按钮的点击事件，调用`getCurrentPage`方法来获取当前页数并打印输出。

相关问题

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

要获取当前打印的第几页和打印总页数，你可以使用vue-print-nb的回调函数。具体实现步骤如下：

1. 在打印按钮上绑定一个方法，用来触发打印功能：

<el-button type="primary" @click="print">打印</el-button>

2. 在data中定义两个变量：currentPage和totalPage，分别用来存储当前页码和总页数。

data() {
  return {
    currentPage: 0,
    totalPage: 0
  }
}

3. 在print方法中，使用vue-print-nb提供的beforePrint和afterPrint回调函数，来获取当前页码和总页数：

methods: {
  print() {
    this.$print(this.$refs.print).then(() => {
      // 打印完成后回调
    }).catch(() => {
      // 打印失败后回调
    }).beforePrint(() => {
      // 打印前回调
      this.currentPage = 0
      this.totalPage = 0
    }).afterPrint(() => {
      // 打印后回调
    }).printPage(() => {
      // 打印每一页时回调
      this.currentPage++
    }).printEnd(() => {
      // 打印结束时回调
      this.totalPage = this.currentPage
    })
  }
}

4. 在模板中，使用{{}}语法绑定currentPage和totalPage，来展示当前页码和总页数：

<p>当前页码：{{currentPage}}</p>
<p>总页数：{{totalPage}}</p>

以上这些步骤，可以帮助你在vue-print-nb中获取当前打印的第几页和打印总页数。

vue-print-nb 获取页码

vue-print-nb 是一个 Vue.js 插件，用于将 Vue 组件或 HTML 元素转换为可打印的 PDF 或图片格式。它提供了一些配置项，可以通过设置 `pageNum` 来获取页码。

在使用 vue-print-nb 插件时，可以在 `print` 方法的参数中设置 `pageNum` ，例如：

this.$print(this.$refs.print, {
  pageNum: true
})

这样设置之后，生成的 PDF 或图片中会显示页码信息。如果要自定义页码的样式，可以在组件中通过 CSS 样式来实现。