Vue3組件中g(shù)etCurrentInstance()獲取App實例,但是返回null的解決方案
更新時間：2025年04月18日 09:52:02 作者：1024小神
這篇文章主要介紹了Vue3組件中g(shù)etCurrentInstance()獲取App實例,但是返回null的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Vue3組件中g(shù)etCurrentInstance()獲取App實例，但是返回null
我在一個按鈕點擊函數(shù)里面獲取APP實例的時候，返回的竟然是null：
在頁面上點擊按鈕后
這個問題的根本原因是
getCurrentInstance() ，還有諸如： useStore 、 useRouter 這些跟 Vue 實例沾邊的都會有這個問題，這些函數(shù)只能寫到setup函數(shù)里面，不能套在別的函數(shù)里面使用。
當(dāng)我把getCurrentInstance寫在外層setup里面之后就可以正常獲取到了：
頁面上正常獲取到了
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本篇文章主要介紹了Vue中保存用戶登錄狀態(tài)實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。、2017-06-06
vue監(jiān)聽瀏覽器原生返回按鈕,進行路由轉(zhuǎn)跳操作
這篇文章主要介紹了vue監(jiān)聽瀏覽器原生返回按鈕,進行路由轉(zhuǎn)跳操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
高階組件HOC在React社區(qū)是非常常見的概念,但是在Vue社區(qū)中卻是很少人使用,但其實在一些特殊的場景使用他就可以很優(yōu)雅的解決一些問題,下面就跟隨小編一起來了解下吧2025-01-01
這篇文章主要介紹了vue-router路由懶加載及實現(xiàn)方式,路由懶加載的主要作用是將 路由對應(yīng)的組件打包成一個個的js代碼塊，只有在這個路由被訪問到的時候，才會加載對應(yīng)組件的代碼塊，需要的朋友可以參考下2022-12-12
我們有時候會遇到要輸入框自動獲取焦點的情況,下面這篇文章主要給大家介紹了關(guān)于Vue?Input輸入框自動獲得焦點的簡單方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
vue.js給動態(tài)綁定的radio列表做批量編輯的方法
下面小編就為大家分享一篇vue.js給動態(tài)綁定的radio列表做批量編輯的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了vue組件props屬性監(jiān)聽不到值變化問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
vue + vuex todolist的實現(xiàn)示例代碼
這篇文章主要介紹了vue + vuex todolist的實現(xiàn)示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
vue 監(jiān)聽鍵盤回車事件詳解 @keyup.enter || @keyup.enter.native
今天小編就為大家分享一篇vue 監(jiān)聽鍵盤回車事件詳解 @keyup.enter || @keyup.enter.native，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
本文主要介紹了 Vue 登錄功能實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09