使用了插件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,前端坑太深了