<div v-viewer="options" class="images">
<template v-for="item in imageOneList">
<img :src="https://bbs.csdn.net/topics/item.thumbnailPath" class="image" :key="item.imageId" :data-src="https://bbs.csdn.net/topics/item.originalImagePath" data-content="aaaaaa">
</template>
</div>
vue中圖片預覽縮略圖，在點擊縮略圖時彈出大圖，想在查看大圖的時候，在圖片上顯示一段文字，用來圖片說明，放在圖片的左下角，如何顯示？用data-content沒有效果。應該用什么？
感謝各位大佬的幫助~
uj5u.com熱心網友回復：
或者在查看大圖時，在里面強行加入一個div用來展示文本內容、請問如何獲取是否是大圖狀態？uj5u.com熱心網友回復：
點擊縮略圖的時候賦值當前id等于active，然后在大圖里面寫v-show="item.id===active"<img @click="active=item.id" alt="我是縮略圖" />
<img v-show="item.id===active" alt="我是大圖" />
縮略圖id和大圖回圈id對應，默認大圖全隱藏v-show="item.id===active"，當點擊小圖的時候才會顯示對應的圖。
data() {
active: ''
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/65642.html
標籤：HTML(CSS)
上一篇：umi dev啟動后訪問報UnhandledPromiseRejectionWarning: TypeError: text.trimEnd is not a