記錄一個深坑,swiper第一次加載無法滑動的問題

使用了插件vue-awesome-swiper,結果卻出現了第一次打開頁面無法滑動的問題,刷新後正常。

 <div class="lunbo_Wrap" v-if="picListArry.length>1">
    <swiper :options="Options" ref="mySwiper" @slideChange="changeindex" @resize="resized" @touchMove="move">
      <swiper-slide><img class="first" src="../assets/image/phone.png" /></swiper-slide>
      <swiper-slide v-for="(item,idx) in picListArry" :key="idx" class="silder">
        <img  class="pics"  :src="item.node.display_url"  alt=""/>
        </swiper-slide>
      <swiper-slide><img class="last" src="../assets/image/phone.png" /></swiper-slide>
    </swiper>
  </div>

在這裏我監聽了一下touchMove事件,console一下結果卻出現這個玩意:PointerEvent

baidu了一下,這是一個整合鼠標、觸摸 和觸控筆事件的Api,估計swiper還不支持。火狐上測試ok,於是我翻查一下谷歌遊覽器的實驗選項,

chrome://flags/

果不其然被我發現一個選項,打開這個選項後就正常了。估計不打開這個選項,就會使用Pointer Event Api,打開就是Touch Event Api,順便提一下我谷歌遊覽器版本是最新的71.

MD,前端坑太深了

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