Vue-carousel: How can I get the current index?

[hhlingyoko]

How can I get the current index?
Can you add a function to return the current index?

[runxc1]

Did you find out how to get or set the index?

[esemusa]

 <carousel ref="carousel">
...
</carousel>


computed: {
      currentIndex: {
        cache: false,
        get() {
          return this.$refs.carousel ? this.$refs.carousel.currentPage : 0;
        }
      }
    }

[deepakkabbur]

  <carousel ref="carousel" :perPage="1" :perPageCustom="[[320,1],[480,1],[960,1]]" :paginationEnabled="false" :navigationEnabled="true" >
    <slide v-for="content in contens">
    ...
   </slide>
</carosel>

computed: {
   ...mapGetters({...}),
  currentIndex: {
        get () {
          return this.$refs.carousel ? this.$refs.carousel.currentPage : 0
        }
      }
}

Getting currentindex 0 for all slides

[esemusa]

try to add;

cache: false

[deepakkabbur]

computed: {
   ...mapGetters({...}),
  currentIndex: {
        cache: false,
        get () {
          return this.$refs.carousel ? this.$refs.carousel.currentPage : 0
        }
      }
}

No luck :(
this.$refs.carousel is undefined

[Udobnaja]

In your template
<carousel v-on:pageChange="pageChange">...</carousel>
In your script
methods: { pageChange(i){ console.log('current Index', i); }, }

Note: It fired when you change current page (by navigation or pagination)

[Udobnaja]

@hhlingyoko, please, close this issue