LcapPrintPage 页面打印

• 示例
  • 基本用法
  • 开启自动下载
  • 修改生成的文件类型为图片
  • 控制打印的DOM元素
  • 开启PDF分页
  • 设置生成的文件名称
  • 设置隐藏组件
  • 控制打印宽度
  • 控制打印宽度,根据页面宽高自动调整
• API
  • Props/Attrs
  • Events
  • Methods

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

@print

打印时触发

| Param | Type | Description | | ----- | ---- | ----------- | | $event.file | any | 返还打印的文件流 |

Methods

printPage()

打印当前页面

| Param | Type | Default | Description | | ----- | ---- | ------- | ----------- |