Vue中使用swiper问题集锦

loop后点击失效

Vue 项目中使用swiper且loop为true后，直接加在dom节点上的click事件会失效，因为swiper会自动多渲染出一份备份防止轮空，但是这些备份节点上点击是加不上的

解决：

• 使用的swiper版本3.x

dom节点渲染正常渲染
//swiper初始化时就需要绑定click
new this.$Swiper('.swiper2', {
            loop: true
            autoplay: 3000
            autoplayDisableOnInteraction: false,
            pagination: '.swiper-pagination2',
            paginationClickable: true,
            onClick: () => {
              //此处调用点击事件
            }
          })
	

style 标签使用scoped后swiper-pagination-bullet样式失效