Почему не работает слайдер, если данные из props?

Question

[Max89]

Данные с массивом изображений приходят через props, ренедяртся стандартно через v-for, но слайдер не работает с ними. Складывается впечатление, что сначала он инициализируется, а после подтягиваются данные. Пробовал обновлять слайдер через watch настроенный на props, но не вышло. Слайдер Splide.

mounted() {
        const main = new Splide('#main-carousel', {
            type: 'fade',
            rewind: true,
            pagination: false,
            arrows: true
        })
        const thumbnails = new Splide('#thumbnail-carousel', {
            fixedWidth: 70,
            fixedHeight: 70,
            gap: 10,
            rewind: true,
            pagination: false,
            isNavigation: true,
            arrows: false,
            breakpoints: {
                600: {

                }
            }
        })
        main.sync(thumbnails)
        main.mount()
        thumbnails.mount()
    },

Answer 1

[Дмитрий Кузнецов]

Попробуйте инициализировать слайды в created(), так как mounted отвечает за монтирование и оно происходит после создания компонента. Соответственно пропсы принимаются раньше.