如何使用照片API使用Vue制作图像轮播

时间:2018-10-01 22:04:24

标签: javascript vue.js bootstrap-4

我刚接触Vue,希望使用api的照片制作图像轮播。我可以使用以下方法显示照片:

<section class="images">
      <img v-for="image in images" :key="image.id":src="image.assets.large.url">
     </section>

但不确定如何将其合并到:

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="..." alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="..." alt="Third slide">
    </div>
  </div>
</div>

将获得任何帮助或建议。

0 个答案:

没有答案