vue裡碰到 refs 的問題

2022-08-23 05:54:12 字數 894 閱讀 7318

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

在自己做的乙個專案中,遇到乙個列表頁,根據id能進入詳情頁(動態匹配路由),詳情頁是單獨的乙個元件,在這個詳情的元件裡,我想獲取內容給你區域的高度,以此來判斷對底部按鈕顯示的位置,但是在ref的時候,就是獲取不到該標籤,在mounted鉤子函式裡列印 this.$refs,也能看到這個值,但就就是點不出來(this.$refs這個物件裡這個值,但是就是獲取不到,我列印的是個假值?)

在mounted函式,列印的每次都是undefined。鬱悶啊...為什麼啊...

重新起個專案看看..

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

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

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

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

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

初識Vue 啟動碰到的問題

1.vue專案碰到 webpack dev server 不是內部或外部命令,也不是可執行的程式或批處理檔案 報錯 將專案裡的 node modules 資料夾刪除,然後在cmd中cd到專案目錄,依次執行命令 npm install npm run build,npm run dev 後專案成功執行...

Vue學習過程碰到的問題

詳情 輸入vue init webpack test,命令列報 go.microsoft.com fwlink linkid 135170 中的 about execution policies。所在位置 行 1 字元 1 vue init webpack test categoryinfo sec...

vue之 ref 和 refs的使用

在vue中一般很少直接操作dom,如果需要操作dom,我們可以通過ref 和 ref來實現。ref 被用來給元素或子元件註冊引用資訊,引用資訊將會註冊在父元件的 refs 物件上,如果是在普通的dom元素上使用,引用指向的就是 dom 元素,如果是在子元件上,引用就指向元件的例項。當在子元件或者do...