通过this.$refs.heroSwiper.$swiper.realIndex获取到当前元素(轮播中真实的index,即此元素在轮播数组中的index),即可进行对应操作。 如果点击事件配置在slide元素中,loop模式下必定会出现部分元素点击失效的问题,因为swiper会在真实元素前后复制多个虚拟slide元素进行拼接,保证轮播效果的流畅,但复制只是复制元素而不复制事件...
组件TagTitle.vue 注意:建议封装成组件,写在一个页面的时候,可能是层级太深,我用el-dialog套在外面Swiper对象初始化不了。我踩的一个坑。 <template><!-- Swiper -->Slide {{count}}<!-- Add Pagination --><!-- --></template>// Import Swiper Vue.js componentsimportSwiperfrom"swiper";// Impo...