vue-print-nb api打印
时间: 2023-11-15 21:56:28 浏览: 112
vue-print-nb 是一个 Vue.js 的插件,用于实现网页打印功能。它提供了一些 API 供开发者使用,具体如下:
1. `Vue.prototype.$print(target, options)`:打印指定的目标元素,可以传入一些选项参数。
2. `Vue.prototype.$printPreview(target, options)`:预览打印效果,可以传入一些选项参数。
3. `Vue.prototype.$printPdf(target, options)`:将指定的目标元素转换为 PDF 文件并下载,可以传入一些选项参数。
其中,`target` 参数可以是一个 CSS 选择器字符串、一个 DOM 元素或一个 HTML 字符串,表示要打印的内容。`options` 参数是一个对象,包含一些选项,例如打印页面的标题、页眉、页脚等。
下面是一个使用示例:
```javascript
import Vue from 'vue'
import VuePrintNB from 'vue-print-nb'
Vue.use(VuePrintNB)
export default {
methods: {
print() {
this.$print('#print-content', {
pageTitle: '打印页面标题',
pageStyle: `
@page {
size: A4 portrait;
margin: 1cm;
}
`,
header: '打印页面头部',
footer: '打印页面底部'
})
}
}
}
```
阅读全文