swiper banner圖循環(loop)播放+banner圖點擊跳轉有時成功有時失效

環境:nuxt項目,vue語法
前置條件:npm install swiper
在頁面
@import “swiper/css/swiper.css”;
在初始化swiper時加入loop:true;(這會複製一個slide。用可以用realIndex確定真實索引)
在div加入swiper的class,在該div綁定@click

出現的坑:可以一直切換上下一頁,loop沒問題。比如下一頁點擊幾次,點擊banner圖想跳轉,跳轉失效。如果下一頁只點擊一次,是可以跳轉的

解決辦法:不用在div綁定click,在swiper初始化的on 寫下如下,_self引用的是vue實例
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章