當前位置:編程學習大全網 - 網站源碼 - 使用swiper時遇到的壹些問題

使用swiper時遇到的壹些問題

#當loop設置為true時,滾動電子圖表時會出現壹些空白頁。

原因其實很簡單。當loop為true時,swiper為了向壹個方向滾動,做了壹些簡單的dom復制操作,但是在復制過程中沒有復制畫布,所以生成了壹個空白頁。

# #解:1。用swiper的回調函數找到當前的activeIndex來判斷滾動頁面,重繪echart圖。

# #解決方案:2。vant的滾動組件並不是簡單的復制dom,所以設置為單向連續滾動時不會出現空白頁。

# #鼠標停留時停止滾動,離開時開始滾動。

` ` js

//觸發mouseleave事件時調用。

swiper . stop autoplay();

?//觸發mouseenter事件時調用。

swiper . startautoplay();

```

# # #我是個蠢問題,但我用的是vue-awesome-swiper。當我在組件上使用@mouseleave和mouseenter時,我沒有觸發壹個事件,這讓我很愚蠢。經過深思熟慮,我只需要添加壹個原生修飾符。順便記錄壹下mouseover和mouseenter的區別。

mouseover和mouseenter的區別

大概區別在於,mouseover在進入目標內部的子節點後會多次觸發事件,而mouseenter在進入後只會觸發壹次。

```

Mouseover和mouseout是壹對。

Mouseenter和mouseleave是壹對。

```

(帶O的是壹對,不帶O的是壹對,帶O的不止觸發壹次)

  • 上一篇:股指期貨理論價格是怎麽計算的 理論價格公式
  • 下一篇:steam遊戲mod文件中的medata文件有什麽用?
  • copyright 2024編程學習大全網