前言:最近基于vue2.0版本框架開發(fā)一款webAPP項目霜医,由于項目需求所以使用swiper來完成一些特定的功能(如輪播圖垢揩、滑動功能等)抑片,此文章用來記錄使用過程中遇到的一些問題
一:vue中引入并使用swiper來做輪播圖胡野,數(shù)據(jù)由請求后端獲得,實現(xiàn)自動輪詢播放敬飒。完成之后發(fā)現(xiàn)點擊輪播圖或者手動滑動輪播圖之后自動輪詢功能失效了邪铲。下面貼上解決的方法
HTML結(jié)構(gòu)
利用延時定時器開啟swiper,紅色標(biāo)注區(qū)域一定要配置好
最后在mount而中使用即可
二:做一個水平滑動的功能无拗,結(jié)果滑動頁面中的空白區(qū)域整個頁面也會滑動
解決方法:直接上圖了
在indexindex.html中直接寫入該圖所展示的style即可