vue-print-nb-jeecg使用文档
时间: 2023-07-21 08:34:02 浏览: 476
vue-print-nb:Vue插件,打印! 好的!
vue-print-nb-jeecg是一个基于Vue.js的打印插件,可以将页面内容以PDF格式导出并打印。下面是使用文档:
1. 安装插件
在命令行中执行以下命令:
```
npm install vue-print-nb-jeecg --save
```
2. 引入插件
在main.js中引入插件:
```
import Print from 'vue-print-nb-jeecg'
Vue.use(Print)
```
3. 在需要打印的组件中添加打印按钮
在需要打印的组件中添加一个打印按钮,如下所示:
```
<template>
<div>
<button @click="print">打印</button>
</div>
</template>
<script>
export default {
methods: {
print() {
this.$print(this.$refs.print)
}
}
}
</script>
```
4. 添加需要打印的内容
在需要打印的组件中添加需要打印的内容,并给该内容添加一个ref属性,如下所示:
```
<template>
<div>
<div ref="print">
<!--需要打印的内容-->
</div>
<button @click="print">打印</button>
</div>
</template>
<script>
export default {
methods: {
print() {
this.$print(this.$refs.print)
}
}
}
</script>
```
5. 打印
点击打印按钮,即可将页面内容以PDF格式导出并打印。
以上就是vue-print-nb-jeecg的使用文档,希望对你有所帮助。
阅读全文