解決vue中虛擬dom,無(wú)法實(shí)時(shí)更新的問(wèn)題
更新時(shí)間：2018年09月15日 09:36:34 作者：木雨痕
今天小編就為大家分享一篇解決vue中虛擬dom,無(wú)法實(shí)時(shí)更新的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
碰到的問(wèn)題：使用jq獲取元素節(jié)點(diǎn)的個(gè)數(shù)時(shí)一直為0
解決方法：使用vue的nextTick()函數(shù)即可解決
原理：nextTick可以在下一次更新dom之后進(jìn)行回調(diào)，我的問(wèn)題在于，在頁(yè)面加載完成時(shí)無(wú)法獲取虛擬dom，而使用回調(diào)函數(shù)后就可以獲取到正確的dom數(shù)量，所以只需要在nextTick函數(shù)中執(zhí)行jq函數(shù)就可以正確獲取了。
self.$nextTick(function () {
// DOM 更新了
$("#myCarousel").carousel(0);
})
以上這篇解決vue中虛擬dom,無(wú)法實(shí)時(shí)更新的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue iview多張圖片大圖預(yù)覽、縮放翻轉(zhuǎn)
這篇文章主要為大家詳細(xì)介紹了vue iview多張圖片大圖預(yù)覽、縮放翻轉(zhuǎn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
當(dāng)我們使用vuex的時(shí)候，時(shí)不時(shí)能看到“更改Vuex中的store中的狀態(tài)唯一辦法就是提交mutations”，但是有沒(méi)有試想過(guò)，我們不提交mutations其實(shí)也能修改state的值？答案是可以的，下面通過(guò)本文介紹下vuex修改state值的方法，感興趣的朋友一起看看吧2022-11-11
vue-cli3.x配置全局的scss的時(shí)候報(bào)錯(cuò)問(wèn)題及解決
這篇文章主要介紹了vue-cli3.x配置全局的scss的時(shí)候報(bào)錯(cuò)問(wèn)題及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
深入理解vue.js雙向綁定的實(shí)現(xiàn)原理
vue.js是MVVM結(jié)構(gòu)的，同類(lèi)的還有AngularJs；至于MVC、MVP、MVVM的比較網(wǎng)上已經(jīng)有很多了，這樣不再重復(fù)。這篇文章將給大家深入的介紹vue.js雙向綁定的實(shí)現(xiàn)原理，有需要的朋友們可以參考借鑒，下面跟著小編一起來(lái)看看吧。2016-12-12
Vue-Jest 自動(dòng)化測(cè)試基礎(chǔ)配置詳解
目前開(kāi)發(fā)大型應(yīng)用，測(cè)試是一個(gè)非常重要的環(huán)節(jié)，而在 Vue 項(xiàng)目中做單元測(cè)試可以用 Jest，本文主要介紹了Vue-Jest 自動(dòng)化測(cè)試，感興趣的可以了解一下2021-07-07
vue-cli解決IE瀏覽器sockjs-client錯(cuò)誤方法
這篇文章主要為大家介紹了vue-cli解決IE瀏覽器sockjs-client錯(cuò)誤方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
vue element-ui el-cascader級(jí)聯(lián)選擇器數(shù)據(jù)回顯的兩種實(shí)現(xiàn)方法
這篇文章主要介紹了vue element-ui el-cascader級(jí)聯(lián)選擇器數(shù)據(jù)回顯的兩種實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2023-07-07
利用vue實(shí)現(xiàn)密碼輸入框/驗(yàn)證碼輸入框
這篇文章主要為大家詳細(xì)介紹了如何利用vue實(shí)現(xiàn)密碼輸入框或驗(yàn)證碼輸入框的效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以參考一下2023-08-08
基于vue-simple-uploader封裝文件分片上傳、秒傳及斷點(diǎn)續(xù)傳的全局上傳插件功能
這篇文章主要介紹了基于vue-simple-uploader封裝文件分片上傳、秒傳及斷點(diǎn)續(xù)傳的全局上傳插件,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
使用vue-cli創(chuàng)建項(xiàng)目的圖文教程(新手入門(mén)篇)
這篇文章主要介紹了新手入門(mén)vue 使用vue-cli創(chuàng)建項(xiàng)目的圖文教程，本文是針對(duì)完全不了解過(guò)vue和npm的小白而寫(xiě)的,需要的朋友可以參考下2018-05-05