Question

我在类星体框架中创建轮播，并希望为每个图像设置动态间隔时间。如何动态设置每张图像的时间

：autoplay =“ 5000”

      navigation-icon="minimize"
      infinite
      swipeable
      style="width:100%;height:100%;"
      >
        <q-carousel-slide class="img-responsive" :ratio="0" v-for="(image, i) in images" :name="(i+1)" :key="image._id">
          <q-img @click="detailpromosi(image._id)" spinner-color="teal" :src="linkBanner+image.imageName" placeholder-src="statics/default-placeholder-1024x1024-570x321.png"/>
        </q-carousel-slide>
      </q-carousel>

Answer 1

您可以通过更改autoplay值来实现

这是一个小提琴，其中有一个例子，即1秒钟后换一张幻灯片，5秒钟后换第二张幻灯片 https://jsfiddle.net/2Lxydv5n/3/

祝你愉快

如何使轮播类星体或Vue中的每个图像具有不同的延迟时间？

1 个答案: