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-image
											style="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-image
											style="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);