el-image图片预览下标错乱--解决:initial-index

问题：el-image图片预览下标错乱–解决

需求：el-image图片预览从当前下标开始

 <template #picture="{ scope }"><el-imageclass="photo-img"`--------------------------------------------  :src="getImageUrl(scope.row)":preview-src-list="previewSrcList":initial-index="previewIndex"---------------------------------------------`:zoom-rate="1.2":max-scale="7":min-scale="0.2"preview-teleportedshow-progressfit="cover"`----------------重要：必须用show而不是click----------------------------  @show="showImageClick(scope.$index)"---------------------------------------------`><template #error><div class="image-slot"><div v-if="scope.row[scope.column.property]" class="el-image__error">加载失败</div><el-icon v-else><Picture /></el-icon></div></template></el-image></template>const previewSrcList = ref([]) //预览列表
const previewIndex = ref(null) // 预览的起始索引`--------------------------------------------
// 统一获取图片完整URL
const getImageUrl = (row: any) => {return row.picture ? `${proxy.$baseUrlImg}${row.picture}` : ''
}
---------------------------------------------`const getListFun = parameter => {const [startDate, endDate] = pageForm.date || [null, null]const params = {status: pageForm.status, //0待确认1已确认maintenanceUnitId: pageForm.maintenanceUnitId,warnTypeId: pageForm.warnTypeId,startDate: startDate || '',endDate: endDate || '',taskBookId: taskBook.id}return queryWarnPageAPI(Object.assign(parameter, params)).then(res => {const { data, pageNum, pageSize, total } = res.resultValue
`--------------------------------------------// 预览listpreviewSrcList.value = data?.map((item: any) => getImageUrl(item))
---------------------------------------------`return {data,pageNum,pageSize,total}})
}`--------------------------------------------
// 点击图片时更新预览起始索引
const showImageClick = index => {previewIndex.value = index
}
---------------------------------------------`