原因解釋:
preview-src-list
存入圖片列表的各個地址,當點選預覽時,是透過匹配src的地址來展示圖片的。
但本專案縮圖的地址和預覽圖片的地址不一樣,所以點選預覽時匹配不到圖片地址,就自動從第一張圖片開始預覽。
解決方案:
迴圈圖片元件時,使preview-src-list
只存入一個地址,即當前圖片的地址。這樣點選預覽時,就不必與src匹配了,自動展示當前preview-src-list的一個地址。
我的程式碼:
<template #default="scope">
<el-image
...
:src="scope.row.src"
:preview-src-list="[scope.row.src]"
...
:preview-teleported="true"
/*解決el-image 和 el-table的層級衝突問題*/
...
/>
</template>