vue中使用 this.$refs 打印為undefined解決辦法


最近在使用this.$refs.xxx.方法名稱的時候,一直報錯說我定義的方法名稱是undefined

之前在詳情查詢數據的時候,直接用this.$refs.xxx.方法名稱就可以直接使用

於是在官網上看到 "關於 ref 注冊時間的重要說明:因為 ref 本身是作為渲染結果被創建的,在初始渲染的時候你不能訪問它們 -

它們還不存在!$refs 也不是響應式的,因此你不應該試圖用它在模板中做數據綁定。"

之前我能成功的原因是因為我在查詢詳情的接口中直接使用了

而這次報錯是因為我這次用列表的row,將整行的數據帶到詳情頁面去使用

那么這就解釋的通了,是因為在頁面加載好之后才能去使用refs

解決辦法: 在methods中使用this.$nextTick(() => {}) 就可以成功啦


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM