Skip to content

q-previewImage 增强型图片预览

q-previewImage 是一个功能更丰富的图片预览组件,支持 PDF 预览 (需后端支持转换)、多页预览和旋转。

基础用法

vue
<template>
  <q-previewImage 
    :value="showPreview" 
    :data="previewData" 
    @close="showPreview = false"
  >
  </q-previewImage>
</template>

Props

参数说明类型默认值
value是否显示预览弹窗Booleanfalse
data预览数据,包含 pdfUrlObject{}
current当前页索引Number0
isRotate是否旋转显示Booleanfalse
isMultiPage是否为多页模式Booleantrue

Events

事件名说明回调参数
close关闭时触发-