0.1.1 • Published 2 years ago
lcap-print-page v0.1.1
LcapPrintPage 页面打印
Other
打印当前页面内容生成PDF或图片
示例
基本用法
<lcap-printPage></lcap-printPage>开启自动下载
<lcap-printPage :download=true></lcap-printPage>修改生成的文件类型为图片
<lcap-printPage :download=true fileType="png"></lcap-printPage>控制打印的DOM元素
<lcap-printPage :download=true printDOM="body"></lcap-printPage>开启PDF分页
<lcap-printPage :download=true canvasWidth="auto" canvasHeight="auto" :isNotFullPage=true></lcap-printPage>设置生成的文件名称
<lcap-printPage :download=true fileName="自定义文件名"></lcap-printPage>设置隐藏组件
<lcap-printPage :hidden=true></lcap-printPage>控制打印宽度
<lcap-printPage :download=true :canvasWidth=1200></lcap-printPage>控制打印宽度,根据页面宽高自动调整
<lcap-printPage :download=true canvasWidth="auto" canvasHeight="auto"></lcap-printPage>API
Props/Attrs
| Prop/Attr | Type | Options | Default | Description |
|---|---|---|---|---|
| hidden | boolean | false | 是否显示打印按钮 | |
| fileName | string | '文件导出' | 设置打印的文件名称 | |
| printDOM | string | 'body' | 设置打印的DOM节点 | |
| isNotFullPage | boolean | false | 打印的PDF是否分页 | |
| canvasWidth | number|string | 1000 | 设置打印文件的宽度 | |
| canvasHeight | number|string | 800 | 设置打印文件的高度 | |
| download | boolean | false | 是否自动下载打印的文件 | |
| fileType | string | [object Object][object Object] | 'pdf' | 设置打印的文件类型 |
Events
打印时触发
| Param | Type | Description |
|---|---|---|
| $event.file | any | 返还打印的文件流 |
Methods
printPage()
打印当前页面
| Param | Type | Default | Description |
|---|
0.1.1
2 years ago