摘要:所以,我們運用這個函數,也可以理解為將異步的代碼轉換為同步執行更簡單的說就是,上面的代碼執行完之后,里面的代碼才能運行,以下是代碼
這段時間再用apicloud的混合開發,其中在運用swiper插件這一塊遇到了一些問題,多虧了我們老大經驗豐富,讓我們這些后輩少采一些坑,,在這里做一下總結,主要是Vue.nextTick()函數的用法
坑:當時在運用swiper插件的時候,沒用用vue進行渲染是正常的,但是渲染之后數據是得到了,但是數據不顯示,我就是一個前端的渣渣,vue+apicloud也是剛接觸,所以遇到這個問題很是著急,然后老大告訴我這里可以用到Vue.nextTick()函數,因為ajax獲取到的數據再對vue渲染是需要時間的,所以在不使用Vue.nextTick()的時候swiper這個插件的運行會同時和vue的變量賦值以及模板的渲染一起運行,這樣就會出現數據加載不完的狀況。所以,我們運用Vue.nextTick()這個函數,也可以理解為將異步的代碼轉換為同步執行,更簡單的說就是,上面的代碼執行完之后,Vue.nextTick()里面的代碼才能運行,以下是代碼
apiready = function(){ app=new Vue({ el:"#app", data:{ newslist:[] }, methods:{ showNews: function (key) { api.openWin({ name: "new", url: "./new.html", pageParam: { key:key } }); }, fetch:function(){ var that=this; $.get("url", { token : localStorage.getItem("token") },function(data){ that.newslist=data.data; Vue.nextTick(function(){ var swiper = new Swiper(".swiper-container", { pagination: ".swiper-pagination", paginationClickable: true, autoplay:2000 }); }); api.refreshHeaderLoadDone(); },"json") } }, created:function(){ this.fetch(); } }); };
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/81738.html
摘要:關于作者程序開發人員,不拘泥于語言與技術,目前主要從事和前端開發,使用和,端使用混合式開發。個人網站最近剛寫了一個手機在線播放的電影站開發混合式系列第集技術選型是一套簡潔優雅的開發框架。 關于作者 程序開發人員,不拘泥于語言與技術,目前主要從事PHP和前端開發,使用Laravel和VueJs,App端使用Apicloud混合式開發。合適和夠用是最完美的追求。 個人網站:http://...
摘要:關于作者程序開發人員,不拘泥于語言與技術,目前主要從事和前端開發,使用和,端使用混合式開發。個人網站最近剛寫了一個手機在線播放的電影站開發混合式系列第集技術選型是一套簡潔優雅的開發框架。 關于作者 程序開發人員,不拘泥于語言與技術,目前主要從事PHP和前端開發,使用Laravel和VueJs,App端使用Apicloud混合式開發。合適和夠用是最完美的追求。 個人網站:http://...
摘要:上一篇文章中我們已經實現了評論的發布功能,現在要實現回復評論的功能,,首先呢,要知道你回復的是哪一條評論,所以我們這里要或得評論的,當點擊評論的時候實現評論的回復,這里用到,把該方法放到中,這里叫做,然后在里面的里面定義一個參數,把賦給的值 上一篇文章中我們已經實現了評論的發布功能,現在要實現回復評論的功能,,首先呢,要知道你回復的是哪一條評論,所以我們這里要或得評論的id,當點擊評論...
摘要:個人網站最近剛寫了一個手機在線播放的電影站緣由公司項目使用開發混合式,用到了官方提供的原生音頻播放模塊來做單點音頻播放功能。首頁和播放頁始終進行暫停事件監聽。 關于作者 程序開發人員,不拘泥于語言與技術,目前主要從事PHP和前端開發,使用Laravel和VueJs,App端使用Apicloud混合式開發。合適和夠用是永不停息的追求。 個人網站:https://www.linganmi...
閱讀 2805·2023-04-26 01:00
閱讀 745·2021-10-11 10:59
閱讀 2973·2019-08-30 11:18
閱讀 2666·2019-08-29 11:18
閱讀 1017·2019-08-28 18:28
閱讀 3010·2019-08-26 18:36
閱讀 2132·2019-08-23 18:16
閱讀 1065·2019-08-23 15:56