vue-print-nb组件怎么获取打印总页数完整代码
时间: 2023-07-21 20:38:32 浏览: 112
vue-print-nb:Vue插件,打印! 好的!
要获取打印总页数,你可以通过监听 `after-print` 事件,在事件回调函数中获取打印总页数。下面是使用 `vue-print-nb` 组件的示例代码:
```
<template>
<div>
<vue-print-nb ref="print" :print-content="printContent" @after-print="afterPrint"></vue-print-nb>
<button @click="print">打印</button>
</div>
</template>
<script>
import VuePrintNb from 'vue-print-nb';
export default {
components: {
VuePrintNb,
},
data() {
return {
printContent: '<p>需要打印的内容</p>',
totalPages: 0,
};
},
methods: {
print() {
this.$refs.print.print();
},
afterPrint(totalPages) {
this.totalPages = totalPages;
console.log('打印总页数:', this.totalPages);
},
},
};
</script>
```
在 `after-print` 事件回调函数中,可以将获取到的总页数 `totalPages` 赋值给组件的 `totalPages` 数据属性,然后在需要的地方使用即可。
阅读全文