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 |
|---|