解決Vue中引入swiper,在數(shù)據(jù)渲染的時候,發(fā)生不滑動的問題
更新時間：2018年09月27日 09:53:07 作者：張惠奇
今天小編就為大家分享一篇解決Vue中引入swiper,在數(shù)據(jù)渲染的時候,發(fā)生不滑動的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
前幾天在工作的過程中，在數(shù)據(jù)渲染的時候，發(fā)生了swiper那一部分的輪播圖不在滾動，手動滑動也沒有效果。一直感覺數(shù)據(jù)開始渲染，是不是數(shù)據(jù)渲染的時候，并沒有生成swiper的節(jié)點呢。后來第一感覺就是把控制swiper輪播的函數(shù)放在初始化事件中去，
放在初始化事件中去：
結(jié)果并沒有達到自己的理想狀況，后來放在數(shù)據(jù)獲取之后哪里在進行輪播事件的發(fā)生，
swiper終于可以滑動了。其實這也不能算是一個什么大的問題點，只是單純的想記錄一下。以后在遇到相似的問題，更多的應(yīng)該是從數(shù)據(jù)實現(xiàn)的先后來出發(fā)。這次就當(dāng)做一個工作中的小插曲吧。自己也希望可以獲得更大的提升。好好工作......
以上這篇解決Vue中引入swiper,在數(shù)據(jù)渲染的時候,發(fā)生不滑動的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
cross-env是跨平臺設(shè)置和使用環(huán)境變量的腳本。這篇文章主要介紹了vue中cross-env的使用,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了詳解vue-cli3多頁應(yīng)用改造，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
vue使用element-ui的el-input監(jiān)聽不了回車事件的解決方法
小編在使用element-ui時，el-input組件監(jiān)聽不了回車事件，怎么回事呢？下面小編給大家?guī)砹藇ue使用element-ui的el-input監(jiān)聽不了回車事件的解決方法，一起看看吧2018-01-01
這篇文章主要介紹了解決vuex刷新數(shù)據(jù)消失問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
本文主要介紹在vue項目中,遇到數(shù)據(jù)更新但視圖不更新的情況時,無法使用watch監(jiān)聽、無法使用this.$set方法,同時使用this.$forceUpdate()無效時,所使用的解決方案,需要的朋友可以參考下2024-02-02
antd?Vue實現(xiàn)Login登錄頁面布局案例詳解?附帶驗證碼驗證功能
這篇文章主要介紹了antd?Vue實現(xiàn)Login登錄頁面布局案例詳解附帶驗證碼驗證功能,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-05-05
vue3實現(xiàn)動態(tài)側(cè)邊菜單欄的幾種方式簡單總結(jié)
在做開發(fā)中都會遇到的需求,每個用戶的權(quán)限是不一樣的,那他可以訪問的頁面(路由)可以操作的菜單選項是不一樣的,如果由后端控制,我們前端需要去實現(xiàn)動態(tài)路由,動態(tài)渲染側(cè)邊菜單欄,這篇文章主要給大家介紹了關(guān)于vue3實現(xiàn)動態(tài)側(cè)邊菜單欄的幾種方式,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了簡述Vue中容易被忽視的知識點，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
Vue2?特殊符號讓人傻傻分不清?“:”、“.”、“@”、“#”?、“{{}}“?、“$“,‘$bus‘,‘$e
:”是指令?“v-bind”的縮寫“.”是修飾符?“@”是指令“v-on”的縮寫?,它用于監(jiān)聽?DOM?事件?“#”是v-slot的縮寫,這篇文章主要介紹了Vue2?新手上路無處不在的特殊符號讓人傻傻分不清“:”、“.”、“@”、“#”?、“{{}}“?、“$“,$bus,$event,需要的朋友可以參考下2024-08-08
這篇文章主要為大家介紹了Vue.nextTick使用方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07