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

Question

我已将Buefy旋转木马组件从https://buefy.org/documentation/carousel#carousel-list复制到我的Gridsome项目中。轮播会正确显示其提供的占位符图像。这些在data（）段的数组中，例如

items: [
                {
                    title: 'Slide 1',
                    image: 'https://picsum.photos/id/0/1230/500'
                },

现在，我想要我的图像，而不是Buefy占位符。我找不到定位本地图像的正确方法。我已经尝试了很多东西，包括

items: [
                {
                    title: 'Slide 1',
                    image: require("@/assets/img/gallery/sheep/sheep2.jpg")
                },

我的尝试会中断轮播或在其中显示断开的链接。

Answer 1

已解决。在插入自己的图像路径之后，我进行了新的构建（在我的情况下为“ gridsome development”）。然后这工作正常-

items: [
    {
      title: "Slide 1",
      image: require("@/assets/img/gallery/sheep/sheep1.jpg")
    },