本篇文章介紹了vue里碰到 $refs 的問題，分享給大家，希望能幫助大家解決問題

記錄困惑自己一個簡單的問題...(瞬間感覺官方文檔的強大)

在自己做的一個項目中，遇到一個列表頁，根據id能進入詳情頁（動態匹配路由），詳情頁是單獨的一個組件，在這個詳情的組件里，我想獲取內容給你區域的高度，以此來判斷對底部按鈕顯示的位置，但是在ref的時候，就是獲取不到該標簽，在mounted鉤子函數里打印 this.$refs，也能看到這個值，但就就是點不出來（this.$refs這個對象里這個值，但是就是獲取不到，我打印的是個假值?）

在mounted函數，打印的每次都是undefined。郁悶啊...為什么啊...

重新起個項目看看..

全部正常的打印,我擦...蒙蔽了...

好吧，網上看看有沒有遇到類似的...看來是我自己比較挫，沒有什么資源，看來還是自己的問題，這個時候，就是看文檔了...

感覺自己沒有沒有什么錯啊,是按上面做的...，但是作者特別強調了$refs 不是響應式的。額，想想...不對...,我那個組件好像就是響應式，或根據id來顯示不同的數據。額，好吧.。這里ref只能在根組件，才能獲取，其他的都獲取不到。但是能打印出來，能看到...　　

雖然知道了淺顯的原因所在，但是自己的問題沒有解決，好吧，那就暴力點吧.直接操作dom。通過控制dom來獲取頁面的高度。

總結： 之前就有個人和我說過，可以把$refs 當做id來看，id是唯一的，是不變的。嗯，$refs 不是響應式的。 挺像...

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。