vue3 ＜el-image 的:src=“event.fileName[0]“ 长度为 “0“ 的元组类型 “[]“ 在索引 “0“ 处没有元素。

vue3 <el-image 的:src=“event.fileName[0]” 长度为 “0” 的元组类型 “[]” 在索引 “0” 处没有元素。

前提：已判断event.fileName的长度，当event.fileName长度不为0，即event.fileName有内容的时候展示el-image

原始写法

<div v-if="event.fileName?.length" class="img-wrapper"><el-imagestyle="width: 100%; height: 100%":src="event.fileName?.[0] ?? 'default-image-url'":zoom-rate="1.2":max-scale="7":min-scale="0.2":preview-src-list="event.fileName"show-progress:initial-index="0"fit="cover"/></div>

修改后的写法

把索引0 改完 imgIndex ，并且声明 imgIndex 为0（ const imgIndex = ref(0);）此时无警告

<div v-if="event.fileName?.length" class="img-wrapper"><el-imagestyle="width: 100%; height: 100%":src="event.fileName?.[imgIndex] ?? 'default-image-url'":zoom-rate="1.2":max-scale="7":min-scale="0.2":preview-src-list="event.fileName"show-progress:initial-index="0"fit="cover"/></div>

	const imgIndex = ref(0);