原文:vue中使用refs定位dom出現undefined?

之前在公司做項目,一直感覺用ref來定位dom節點挺方便的。但是期間遇到了一個問題,就是在mounted 鈎子里面使用this. refs.xxx,打印出來的卻是undefined 於是我就對比了一下之前使用ref定位的.vue文件,發現了他們之間的區別。 我們要想知道為什么會定位不到某個DOM節點,我們首先要理解mounted 這個鈎子函數是用來做什么的。 下面是vue官方給出的vue生命周期 ...

2017-11-30 15:46 0 10403 推薦指數:

查看詳情

關於vue的$refs出現undefined

問題描述: dom結構有 你在aComplete的事件后增加了 仍然會出現undefined(因為bComplet可能還未是true) 解決方法: 1 v-if更改為 v-show 2 確保 a 和 b 都是complete再獲取該對象的操作 v-if ...

Mon Jan 11 19:43:00 CST 2021 0 1133
vue中使用 this.$refs 打印為undefined解決辦法

最近在使用this.$refs.xxx.方法名稱的時候,一直報錯說我定義的方法名稱是undefined 之前在詳情查詢數據的時候,直接用this.$refs.xxx.方法名稱就可以直接使用 於是在官網上看到 "關於 ref 注冊時間的重要說明:因為 ref 本身是作為渲染結果被創建的,在初始 ...

Fri Sep 25 01:46:00 CST 2020 0 1131
Vue 父組件循環使用refs調用子組件方法出現undefined的問題

Vue 父組件循環使用refs調用子組件方法出現undefined的問題 1. 背景 最近前端項目遇到一個問題,我在父組件中使用了兩個相同的子組件child,分別設置ref為add和update。其中A組件的功能是新增,也就是說在頁面上A頁面只有一個。而update組件是放在表格里的,表格中 ...

Tue Dec 18 02:09:00 CST 2018 2 2293
Vue 父組件循環使用refs調用子組件方法出現undefined的問題

Vue 父組件循環使用refs調用子組件方法出現undefined的問題 1. 背景 最近前端項目遇到一個問題,我在父組件中使用了兩個相同的子組件child,分別設置ref為add和update。其中A組件的功能是新增,也就是說在頁面上A頁面只有一個。而update組件是放在表格里的,表格中 ...

Fri Feb 07 19:49:00 CST 2020 0 2192
vue $refs操作DOM

原文鏈接:https://www.cnblogs.com/xumqfaith/p/7743387.html 如圖,ref 被用來給元素或子組件注冊引用信息。引用信息將會注冊在父組件的 $refs 對象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子 ...

Wed Jun 12 19:02:00 CST 2019 0 2899
如何在 Vue3 的 setup 中使用 $refs

方法一:借助 ref() 函數 通過 ref 函數,依然可以實現類似 this.$refs 的功能。 首先在 setup 中定義一個 Ref 變量 然后將這個 divRef 變量掛載到 DOM 上 這樣當 onMount 鈎子被觸發的時候,div 的 DOM 會在控制台打印 ...

Wed Mar 10 20:07:00 CST 2021 0 6753
如何在 Vue3 的 setup 中使用 $refs

借助 ref() 函數 用elementUI時,需要form表單驗證,文檔給的是 this.$refs[formName],但是在vue3中沒有this, 通過 ref 函數,依然可以實現類似 this.$refs 的功能。 首先在 setup 中定義一個 Ref 變量 ...

Thu Jul 01 17:33:00 CST 2021 0 1188
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM