vue.js - 如何在 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 develop”）。然后这工作正常 -

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