Невозможно использовать событие смены страницы из SSENSE / vue-carousel - PullRequest
Новая
       22

Невозможно использовать событие смены страницы из SSENSE / vue-carousel

0 голосов
/ 10 июля 2019

Я много читал документацию и примеры, но я не смог использовать события.

Может кто-нибудь показать мне, что я делаю не так?

Мое желание: знать, когда в карусели появится новый слайд, а затем использовать данные слайдов снаружи от компонента карусели.

хранилище Vue-Карусель

Для лучшего опыта я поместил пример своего кода здесь: 

new Vue({
  el: "#app",
  components: {
    'carousel': VueCarousel.Carousel,
    'slide':VueCarousel.Slide,
  },
  data: {
    	autoplayTimeout: 8000,
      loop: true,
      autoplay: true,
      title:'initial value',
      itens: [
      					{id:1,text:'Slide 1'},
                {id:2,text:'Slide 2'}
             ],
  },
  methods: {
  	changeTitle: (dataset)=>{
    	this.title = 'edited by slide: ' + dataset.index
    }
  }
})
<script src="https://ssense.github.io/vue-carousel/js/vue-carousel.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
   <carousel
       :autoplay="autoplay"
      :loop="loop"
      :autoplayTimeout="autoplayTimeout"
      :per-page="1"
       
    >
     <slide
        v-for="(item) in itens"
        :key="item.id"
        :data-index="item.id"
        @pagechange='changeTitle'
      >
        {{item.text}}
      </slide>
      </carousel>
      changed from slide transition:  {{title}}
</div>
...