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