helicopters/wc-swiper

我现在想要做Pagination，做出来是有了但是没有效果是什么问题，想知道dots和active如何绑值才能让Pagination动起来

x1098410620 opened this issue · 5 comments

x1098410620 commented
我现在想要做Pagination，做出来是有了但是没有效果是什么问题，想知道dots和active如何绑值才能让Pagination动起来
helicopters commented

@x1098410620 hi, 在每次 slide 滑动结束之后, 会触发一个 transitionend 事件（在 wc-swiper 上监听）, 可以在这个事件里面, 拿到 当前所在的 slide 的索引值. 将这个索引值传递给你所定义的 pagination(你的 pagintation 需要设置一个 props 属性来接收索引), 你自定义的 pagination 中, 通过传递过来的索引值, 切换不同的 class 即可.

x1098410620 commented

this.$refs.swiper.currentSlide 通过这个方法拿到的值好像有问题啊，不能用啊，这个是什么问题呢？还有如果要是打印这个值的话，你那个方法第一张和第二张返回的都是1，用计算属性来监听的话这个currentSlide值未定义啊

helicopters commented

@x1098410620 我并没有在 API 里面暴露出 this.$refs.swiper.currentSlide 这个属性哈, 我刚才看了下我的demo, 你可以参考这个样子实现: https://github.com/helicopters/wc-swiper/blob/master/src/App.vue.

x1098410620 commented

这样可以还有最后一个问题，就是收到的值永远都是从1开始，第一张和第二章都是1，还有你那个wcSwiper.vue中的transitionend 这个函数里面有个bug currentSlide的值要转换成整行，不然判断失效，而且那个this.slidesNumber是减二 不是减一 减一就会断掉所以希望优化。

helicopters commented

@x1098410620 好的，我下班看下.