vue-awesome-swiper 中 點擊事件無效處理方案

最新做項目使用了 vue-awesome-swiper(3.1.3版本)輪播插件  

在使用loop模式下 動態循環數據   點擊事件不起作用   通過查看api  loop模式下會在slides前後複製若干個 slide 但是這個複製只是針對 dom 不會帶上事件的   所以不能在dom上 直接綁定事件   綁定則無效

處理方案:如下圖

上圖中  我的vm怎麼獲取呢  我們可以在頂層定一個  var vm=null

然後在鉤子created下  複製 vm=this;此時vue實例就指向了 vm;

有了  realIndex 這個下標   剩下的處理 就可以在 this.handleClickSlide(realIndex)這個方法裏面進行了  .......

聽明白了嗎  不明白可以評論聯繫我 ......

發佈了55 篇原創文章 · 獲贊 11 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章