TUI

ImagePreview 图片预览
提供图片预览的功能
基础用法
搭配按钮使用的效果
示例代码
vue
索引预览
指定打开预览的索引
示例代码
vue
支持点击蒙层关闭
通过配置maskClose属性支持点击蒙层关闭
示例代码
vue
属性 Props
属性名
说明
类型
可选值
默认值
版本说明
v-model
是否打开图片预览
boolean
-
-
list
接收图片预览数组
Array<string>
-
[]
v-model:index
预览图片的索引, 支持双向绑定
number
-
0
maskClose
是否点击遮罩关闭
boolean
true / false
false
closeBtnVisible
是否显示关闭按钮
boolean
true / false
true
事件 Events
事件名
说明
回调参数
版本说明
close
关闭时触发
-
change
切换时触发
-
基础用法
索引预览
支持点击蒙层关闭
属性 Props
事件 Events