Image 图片
可预览的图片。
基础用法
懒加载
图片预览
相册模式(todo)
API
Image props
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| src | 图片源地址，同原生属性一致 | string | — |
| alt | 原生属性 alt | string | — |
| linkUrl | a链接地址(传递就代表是链接图片) | string | — |
| width | 图片宽度 | string/ number | — |
| height | 图片高度 | string/ number | — |
| lazy | 是否需要懒加载功能， 如果开启了这个，我们建议传递一个宽度，高度进来。因为占位节点需要 | boolean | false |
| preview | 是否可以预览 | boolean | false |
| fit | 同原生 object-fit | string | — |
Image Events
| 属性名 | 说明 | 类型 |
|---|---|---|
| load | 图片加载成功触发 | Function(e: any) => void |
| error | 图片加载失败触发 | Function(e: any) => void |
Slots
| 插槽名 | 说明 |
|---|---|
| placeholder | 当图像尚未加载时，自定义的占位符内容 |
| error | 自定义图像加载失败的内容 |