解決vue中虛擬dom,無法實(shí)時(shí)更新的問題
更新時(shí)間：2018年09月15日 09:36:34 作者：木雨痕
今天小編就為大家分享一篇解決vue中虛擬dom,無法實(shí)時(shí)更新的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
碰到的問題：使用jq獲取元素節(jié)點(diǎn)的個(gè)數(shù)時(shí)一直為0
解決方法：使用vue的nextTick()函數(shù)即可解決
原理：nextTick可以在下一次更新dom之后進(jìn)行回調(diào)，我的問題在于，在頁面加載完成時(shí)無法獲取虛擬dom，而使用回調(diào)函數(shù)后就可以獲取到正確的dom數(shù)量，所以只需要在nextTick函數(shù)中執(zhí)行jq函數(shù)就可以正確獲取了。
self.$nextTick(function () {
// DOM 更新了
$("#myCarousel").carousel(0);
})
以上這篇解決vue中虛擬dom,無法實(shí)時(shí)更新的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
對(duì)應(yīng)前端小白來說,一看到:deep()這些模式的用法就不理解是啥意思,下面簡(jiǎn)單介紹一下:deep()是什么以及如何使用,感興趣的朋友跟隨小編一起看看吧2023-10-10
這篇文章主要介紹了vue嵌入本地iframe文件并獲取某元素的值方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
利用vite創(chuàng)建vue3項(xiàng)目的全過程及一個(gè)小BUG詳解
Vite作為一個(gè)構(gòu)建工具,提供了一種快速的方法來構(gòu)建Vue應(yīng)用,而Vue3?則是一個(gè)前端框架,提供了強(qiáng)大的功能來構(gòu)建和管理前端項(xiàng)目,下面這篇文章主要給大家介紹了關(guān)于利用vite創(chuàng)建vue3項(xiàng)目的全過程及一個(gè)小BUG的相關(guān)資料,需要的朋友可以參考下2023-04-04
reactive readonly嵌套對(duì)象轉(zhuǎn)換功能實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了reactive readonly嵌套對(duì)象轉(zhuǎn)換功能實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
vue3解決各場(chǎng)景l(fā)oading過度的五種方法
這篇文章主要為大家詳細(xì)介紹了vue3中解決各場(chǎng)景l(fā)oading過度的五種方法,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以學(xué)習(xí)一下2023-11-11
詳解Vue-cli3 項(xiàng)目在安卓低版本系統(tǒng)和IE上白屏問題解決
這篇文章主要介紹了Vue-cli3 項(xiàng)目在安卓低版本系統(tǒng)和 IE 上白屏問題解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04
element-ui重置resetFields()不生效的解決
本文主要介紹了element-ui重置resetFields()不生效的解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12
Vue Element-UI中el-table實(shí)現(xiàn)單選的示例代碼
在element-ui中是為我們準(zhǔn)備好了可直接使用的單選與多選屬性的,本文主要介紹了Vue Element-UI中el-table實(shí)現(xiàn)單選的示例代碼,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
vue的特點(diǎn)之一是組件化開發(fā)，那么問題來了，組件中的數(shù)據(jù)和方法都是獨(dú)立的，我們?nèi)绾芜M(jìn)行組件之間的交互呢。這個(gè)時(shí)候就要用到組件傳參了2022-07-07
vue+element加入簽名效果（移動(dòng)端可用）
這篇文章主要介紹了vue+element加入簽名效果（移動(dòng)端），本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06