在 Vue2(選項 API)中,我this為某些組件放入了一個視窗變數,因此我可以輕松測驗方法并從開發工具控制臺找出哪些屬性值。例如,在我的主頁組件中,我只是這樣做:
mounted() {
window.mainpage = this
}
這樣當我想從控制臺運行一個方法時,我可以很容易地做到:
mainpage.somemethod()
或mainpage.someproperty獲取該屬性的值。
我不知道如何使用 Composition API 在 Vue3 中做到這一點。我已經研究過了,getCurrentInstance()但這似乎與 Vue2 中的物件不同。不知何故,組件的方法和屬性不在此物件中。
任何想法如何讓它作業或從控制臺除錯組件的另一種方法?
更新
我想我找到了一個解決方案:
在setup():
const instance = getCurrentInstance();
在 onMounted()
window.mainpage = instance.ctx;
該ctx做的伎倆。現在,在 devtools 控制臺中,您可以訪問組件的屬性和執行方法,但只能訪問setup.
uj5u.com熱心網友回復:
內部setup()方法,嘗試:
setup() {
...
window.mainpage = getCurrentInstance().proxy
...
}
您還可以getCurrentInstance從 Vue3 生命周期回呼內部呼叫。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/332933.html
上一篇:vue3看個人狀態屬性
