前端打印添加当前页和总页数

Question

项目上有一个需求，需要在打印的时候加上当前页和总页数，本人用的打印插件是vue-print-nb,打印模板主要是表头一些内容以及表格明细行，，但是行高和宽度都不是固定的，并且还有批量打印的功能，请问这种情况怎么计算页码和总页数啊，附上打印模板：

Answer 1

【相关推荐】

• 这篇博客: 关于vue的页面内容打印中的 方法一：使用vue-print-nb组件实现打印： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  第一步：通过npm 安装插件

  命令是：npm install vue-print-nb --save

  第二步在对全局进行配置，在mian.js里面进行配置：

  import Print from ‘vue-print-nb’

  Vue.use(Print); //注册

  第三步就可以在页面上进行引用就可以了。

  例如：

   <img  id="printTest1" style="width: 100%;height: 100%;" :src="option.img" alt="打印的图片">
  
   <el-button v-show="pringsure" type="primary" **v-print="'#printTest1'"** @click="sure()">打印</el-button>
  
   
  

  注意打印的按钮的 v-print的名字要和要打印的img的id一致。

  出现这个界面，就差不多成功了。

  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^