el-image 图片加载

el-image 是一个增强版的图片组件，支持懒加载、加载失败占位、自定义圆角等功能。

基础用法

<template>
  <el-image
    src="https://example.com/image.png"
    width="100rpx"
    height="100rpx"
    radius="10rpx"
  ></el-image>
</template>

Props

参数	说明	类型	默认值
src	图片地址	String	''
fit	图片裁剪模式 (contain/cover/fill/none/scale-down)	String	'contain'
lazy	是否开启懒加载	Boolean	true
width	宽度 (需带单位)	String	''
height	高度 (需带单位)	String	''
radius	圆角 (需带单位)	String	''
zIndex	图片层级	Number	2000
previewSrcList	开启图片预览的图片列表	Array	[]
initialIndex	预览图片的初始索引	Number	0

Slots

插槽名	说明
placeholder	图片加载中的占位内容
error	图片加载失败的占位内容