如何在Buefy Carousel中用本地图像替换占位符图像？

<div id="carousel" class="carousel">
  <carousel>
    <slide v-for="(image, index) in images" :key="index">
      <img :src="image" alt="Carousel Image">
    </slide>
  </carousel>
</div>

data() {
  return {
    images: [
      require('@/assets/image1.jpg'),
      require('@/assets/image2.jpg'),
      require('@/assets/image3.jpg'),
      // 添加更多本地图像路径
    ]
  }
}

.carousel {
  width: 100%;
  height: 400px; /* 根据需要调整高度 */
}

mounted() {
  this.$nextTick(() => {
    const carousel = new Buefy.Carousel('#carousel', {
      autoplay: true,
      // 其他配置选项
    });
  });
}