有時我們在mouted方法中想通過id讀取到一個dom元素，雖然官方并不推薦這種方法來操作dom。但難免有碰到這種情況，如下面

一個dom元素

試圖在mouted中獲取 試圖在nextick中獲取 結果還是為空

究其原因，還是該dom元素未在文檔中生成。所以用document.getelementId 是無法獲取到該元素的

解決方法

在vue文檔中 關于的自定義指示器中有這么一段話

通過自定義指示器的insertd hook 我們可以捕獲該元素被插入到父節點的時刻，做進一步處理

于是我們可以封裝這么一個directive

然后在你需要捕獲的dom元素中寫入v-lazydom

只要在你包含該元素的組件中 定義一個lazyready 方法 便可獲取到該元素

至少顯得比直接使用settimeout干凈點

如果你有多個元素需要捕獲 的話，lazyready會觸發多次，這時你可以通過捕獲元素的id或者tag來區分，就不展開了

總結

以上是生活随笔為你收集整理的vue 动态组件名_vue动态加载组件mounted无法获取dom的解决思路的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。