Как использовать AOS в Swiper Slider Vue Js - PullRequest
Новая
       56

Как использовать AOS в Swiper Slider Vue Js

0 голосов
/ 31 января 2020

Я новичок в Vue js, здесь я пытаюсь следовать этому коду https://codepen.io/istyle/pen/ZrPzQj, чтобы анимировать текст с помощью AOS при изменении ползунка, но как я могу это сделать в vue?

я пробовал этот код ниже, но я запутался, как объявить этот $ ('. Card'). Hide (0); в swiperOption 

swiperOption: {
                spaceBetween: 30,
                effect:'fade',
                centeredSlides: true,
                autoplay: {
                    delay: 5000,
                    disableOnInteraction: false
                },
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true
                },
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev'
                },
                on: {
                slideChangeTransitionStart:  {
                  $('.card').hide(0);
                  $('.card').removeClass('aos-init').removeClass('aos-animate');
                },
                slideChangeTransitionEnd:  {
                  $('.card').show(0);
                  AOS.init();
                },
              } 
            },

или есть другой способ использовать AOS в SWiper?

...