Как заменить изображения-заполнители локальными изображениями в Buefy Carousel? - PullRequest
Новая
       22

Как заменить изображения-заполнители локальными изображениями в Buefy Carousel?

0 голосов
/ 10 февраля 2020

Я скопировал компонент карусели 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")
                },

Мои попытки либо сломать карусель, либо отобразить внутри нее неработающую ссылку.

1 Ответ

0 голосов
/ 11 февраля 2020

решаемая. Я сделал новую сборку (в моем случае «gridsome development») после вставки моих собственных путей изображения. Тогда это работало нормально - 

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