解決【element】img圖片列表點選預覽總是從第一張開始的問題

常愿与一發表於2024-08-30

原因解釋:

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>

相關文章