Vue Slick Carousel中当前幻灯片总数

如何解决Vue Slick Carousel中当前幻灯片总数

我正在尝试使用vue-slick-carousel制作当前幻灯片的数量和总数。这是我到目前为止尝试过的。

<VueSlickCarousel ref="carousel">
<div>1 <button tabindex="-1">11</button></div>
<div>2 <button tabindex="-1">22</button></div>
<div>3 <button tabindex="-1">33</button></div>
<div>4<button tabindex="-1">44</button></div>
</VueSlickCarousel>


methods: {
    customPaging: function (slider,i) {
      var slideNumber = i + 1,totalSlides = slider.slideCount;
      return (
        '<a class="custom-dot" role="button" title="' + slideNumber + ' of ' + totalSlides + '"><span class="string">' + slideNumber + '</span></a>'
      );
    },},

但这不起作用。

这是下面的vue-slick-carousel API网址。

https://github.com/gs-shop/vue-slick-carousel/blob/master/docs/API.md#methods

我需要固定什么代码来显示当前的幻灯片编号和总幻灯片。例如）“ 3/10”