Skip to content

ImagesView 图片预览 ​

把多张图片叠成一摞缩略图。悬停看大图,点击后用 Element Plus 的图片查看器全屏预览,可以左右切换。

基础用法 ​

多于一张且 size 不小于 80 时,最上层右下角会显示总张数。表格 picture 单元格和表单里的图片只读态也是用这个组件渲染的。

Props ​

名称类型默认值说明
imagesstring[][]图片地址。空数组时显示「暂无图片」
sizenumber80单张缩略图边长,单位像素
maxStacknumber3最多叠放多少层,其余图片仍可在全屏预览里看到
offsetnumber6每一层相对上一层的偏移,单位像素

Events ​

该组件暂无自定义事件。点击缩略图会直接打开 Element Plus 图片预览器。

Slots ​

名称插槽参数说明
empty—images 为空时的内容,默认显示 i18n 文案 components.imagesView.empty(中文为“暂无图片”)