Appearance
q-previewImage 增强型图片预览
q-previewImage 是一个功能更丰富的图片预览组件,支持 PDF 预览 (需后端支持转换)、多页预览和旋转。
基础用法
vue
<template>
<q-previewImage
:value="showPreview"
:data="previewData"
@close="showPreview = false"
>
</q-previewImage>
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| value | 是否显示预览弹窗 | Boolean | false |
| data | 预览数据,包含 pdfUrl 等 | Object | {} |
| current | 当前页索引 | Number | 0 |
| isRotate | 是否旋转显示 | Boolean | false |
| isMultiPage | 是否为多页模式 | Boolean | true |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| close | 关闭时触发 | - |