viewer展示大图时如何显示文本内容

[学无止境啊~]

<div v-viewer="options" class="images">
<template v-for="item in imageOneList">
<img :src="item.thumbnailPath" class="image" :key="item.imageId" :data-src="item.originalImagePath" data-content="aaaaaa">
</template>
</div>
vue中图片预览缩略图，在点击缩略图时弹出大图，想在查看大图的时候，在图片上显示一段文字，用来图片说明，放在图片的左下角，如何显示？用data-content没有效果。应该用什么？
感谢各位大佬的帮助~

[学无止境啊~]

或者在查看大图时，在里面强行加入一个div用来展示文本内容、请问如何获取是否是大图状态？

[jio可]

点击缩略图的时候赋值当前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: '' }