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

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

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


vue.js vue-cli buefy gridsome
person nigelwhite    schedule 10.02.2020    source источник
comment
ты пробовал с require("@./assets/img/gallery/sheep/sheep2.jpg")? Где расположение каталога ресурсов по сравнению с каталогом, в котором находится основной js?   -  person Nikola Kirincic    schedule 10.02.2020
comment
Или без require, как относительный src? "../assets/img/gallery/sheep/sheep2.jpg"?   -  person Nikola Kirincic    schedule 10.02.2020

Ответы (1)


arrow_upward
0
arrow_downward

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

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