環境: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實例