fix: 修复放映点击缩略图无法切换幻灯片

This commit is contained in:
pipipi-pikachu 2022-03-28 10:54:31 +08:00
parent fe5c3aa234
commit 8568dfb398

View File

@ -9,7 +9,7 @@
:class="{ 'active': index === slideIndex }" :class="{ 'active': index === slideIndex }"
v-for="(slide, index) in slides" v-for="(slide, index) in slides"
:key="slide.id" :key="slide.id"
@click="turnSlideToIndex(index)" @click="turnSlide(index)"
> >
<ThumbnailSlide :slide="slide" :size="150" :visible="index < slidesLoadLimit" /> <ThumbnailSlide :slide="slide" :size="150" :visible="index < slidesLoadLimit" />
</div> </div>
@ -44,10 +44,16 @@ export default defineComponent({
const close = () => emit('close') const close = () => emit('close')
const turnSlide = (index: number) => {
props.turnSlideToIndex(index)
close()
}
return { return {
slides, slides,
slideIndex, slideIndex,
slidesLoadLimit, slidesLoadLimit,
turnSlide,
close, close,
} }
}, },