解決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é)果并沒有達(dá)到自己的理想狀況，后來放在數(shù)據(jù)獲取之后哪里在進(jìn)行輪播事件的發(fā)生，
swiper終于可以滑動了。其實這也不能算是一個什么大的問題點，只是單純的想記錄一下。以后在遇到相似的問題，更多的應(yīng)該是從數(shù)據(jù)實現(xiàn)的先后來出發(fā)。這次就當(dāng)做一個工作中的小插曲吧。自己也希望可以獲得更大的提升。好好工作......
以上這篇解決Vue中引入swiper,在數(shù)據(jù)渲染的時候,發(fā)生不滑動的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Vue實現(xiàn)驗證碼輸入交互的示例，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了vue + elementUI 表單嵌套驗證,本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-11-11
這篇文章主要介紹了vue-cli中使用高德地圖的方法示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
今天小編就為大家分享一篇vue中的 $slot 獲取插槽的節(jié)點實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
Vue+elementUI實現(xiàn)動態(tài)展示列表的數(shù)據(jù)
這篇文章主要介紹了Vue+elementUI實現(xiàn)動態(tài)展示列表的數(shù)據(jù)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
Vue Element UI + OSS實現(xiàn)上傳文件功能
這篇文章主要為大家詳細(xì)介紹了Vue Element UI + OSS實現(xiàn)上傳文件功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要給大家介紹了關(guān)于Vue3中watch用法與最佳實踐的相關(guān)資料,watch的作用可以監(jiān)控一個值的變換,并調(diào)用因為變化需要執(zhí)行的方法,可以通過watch動態(tài)改變關(guān)聯(lián)的狀態(tài),需要的朋友可以參考下2021-07-07
動態(tài)實現(xiàn)element ui的el-table某列數(shù)據(jù)不同樣式的示例
這篇文章主要介紹了動態(tài)實現(xiàn)element ui的el-table某列數(shù)據(jù)不同樣式的示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要介紹了Vue二次封裝axios為插件使用詳解,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
下面小編就為大家分享一篇axios post提交formdata的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03