vue3-print-nb每页都带有标题
时间: 2024-07-26 20:00:51 浏览: 210
vue-print-nb 兼容低版本浏览器
Vue3-Print-NB是一个用于Vue.js应用的打印功能组件,它可以帮助你在Vue项目中方便地添加页面标题。这个库通常通过在模板中设置`v-printnb-page-title`指令来指定每一页的标题。例如:
```html
<template>
<button @click="print">
打印
</button>
<vue3-print-nb ref="printnb" :options="{ pageTitle: '当前页标题' }"></vue3-print-nb>
</template>
<script>
export default {
methods: {
print() {
this.$refs.printnb.print({ title: '这将作为每页的默认标题' });
}
},
}
</script>
```
在这个例子中,每次点击“打印”按钮,都会打开一个新的打印预览窗口,并且每一页都有自定义的标题“当前页标题”。如果需要在每页显示不同的标题,你可以传递不同的值给`title`参数。
阅读全文