vue裏碰到 $refs 的問題

記錄困惑本身一個簡單的問題...(瞬間感受官方文檔的強大)

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

 

　　在mounted函數，打印的每次都是undefined。鬱悶啊...爲何啊...

從新起個項目看看..

所有正常的打印,我擦...矇蔽了...

好吧，網上看看有沒有遇到相似的...看來是我本身比較挫，沒有什麼資源，看來仍是本身的問題，這個時候，就是看文檔了...

 

　　感受本身沒有沒有什麼錯啊,是按上面作的...，可是做者特別強調了$refs 不是響應式的。額，想一想...不對...,我那個組件好像就是響應式，或根據id來顯示不一樣的數據。額，好吧.。這裏ref只能在根組件，才能獲取，其餘的都獲取不到。可是能打印出來，能看到...　　

　　雖然知道了淺顯的緣由所在，可是本身的問題沒有解決，好吧，那就暴力點吧.直接操做dom。經過控制dom來獲取頁面的高度。

　　總結： 以前就有我的和我說過，能夠把$refs 當作id來看，id是惟一的，是不變的。嗯，$refs 不是響應式的。 挺像...