0.1.1 • Published 5 months 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
5 months ago