vue.js - Vue-strap 旋转木马 : How to select specific slide

Question

我已经使用以下代码使用 Vue-strap 轮播组件成功创建了一个轮播( slider ):

<carousel>
        <slider  v-for="(photo,index) in photos"  :key="photo.sequenceID" >
            <img v-bind:src="'https://../photo/' + photo.photoFilename " >
        </slider>
</carousel>

轮播正在工作。我还在页面上显示图像的缩略图。我想在单击缩略图时选择特定的幻灯片。

如何在轮播中显示特定幻灯片？如果我传递幻灯片编号，Vue-strap carousle 或 slider 中是否有可以显示特定幻灯片的功能？

Answer 1

以下代码将显示图片 ID 的幻灯片。它使用轮播组件的 indicatorClick() 方法。这里 vm 是 Vue 对象名称。

vm.$children[0].indicatorClick(pictureID);