vue第一次獲取不到元素的解決方法記錄
更新時間：2021年06月01日 10:45:06 作者：autofelix
Vue.js雖然說是數(shù)據(jù)驅(qū)動頁面的，但是有時候我們也要獲取dom對象進行一些操作。這篇文章主要給大家介紹了關(guān)于vue第一次獲取不到元素的解決方法，需要的朋友可以參考下
前言
vue中第一次獲取不到元素的解決辦法，是否經(jīng)常第一次點擊彈窗按鈕，獲取彈窗中的元素。打開彈窗獲取元素為空，要第二次才能獲取。
一、更新dom后獲取
this.$nextTick(callback)
methods: {
play() {
//獲取元素
console.log($('#video'));
this.$nextTick(function() {
//獲取元素
console.log($('#video'));
});
}
}
二、通過定時器獲取
setTimeOut(fn, 0)
methods:{
play() {
//獲取元素
console.log($('#video'));
setTimeOut(function(){
//獲取元素
console.log($('#video'));
}, 0);
}
}
三、通過觸發(fā)事件獲取
@opened
<el-dialog @opened="play"></el-dialog>
methods: {
play() {
//獲取元素
console.log($('#video'));
}
}
總結(jié)
到此這篇關(guān)于vue第一次獲取不到元素解決方法的文章就介紹到這了,更多相關(guān)vue獲取不到元素內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
分頁功能是常見的需求之一，本文主要介紹了Vue前端利用slice()方法實現(xiàn)分頁器，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07
vue中當(dāng)圖片地址無效的時候,顯示默認圖片的方法
今天小編就為大家分享一篇vue中當(dāng)圖片地址無效的時候,顯示默認圖片的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Vue Getters和mapGetters的原理及使用示例詳解
Vuex的核心概念包括state、mutations、actions、getters和modules,今天,我們要深入探討其中一個關(guān)鍵部分：getters,以及它的相關(guān)輔助函數(shù)mapGetters,感興趣的朋友跟隨小編一起看看吧2024-08-08
這篇文章主要介紹了 詳解vue微信網(wǎng)頁授權(quán)最終解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
vue利用全局導(dǎo)航守衛(wèi)作登錄后跳轉(zhuǎn)到未登錄前指定頁面的實例代碼
這篇文章主要介紹了vue利用全局導(dǎo)航守衛(wèi)作登錄后跳轉(zhuǎn)到未登錄前指定頁面,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-05-05
用vue2.0實現(xiàn)點擊選中active其他選項互斥的效果
這篇文章主要介紹了用vue2.0實現(xiàn)點擊選中active其他選項互斥的效果，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
這篇文章主要介紹了vue組寫一個組件,需要的朋友可以參考下2018-04-04
vue實現(xiàn)大文件分片上傳與斷點續(xù)傳到七牛云
這篇文章介紹了vue實現(xiàn)大文件分片上傳與斷點續(xù)傳到七牛云的方法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章主要為大家介紹了JS圖片懶加載庫VueLazyLoad示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
這篇文章主要給大家介紹了關(guān)于Vue3中ref的用法舉例總結(jié)的相關(guān)資料,ref()接受一個內(nèi)部值,返回一個響應(yīng)式的可更改的ref對象,此對象只有一個指向其內(nèi)部值的屬性.value,需要的朋友可以參考下2023-10-10