原因其實很簡單。當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的不止觸發壹次)