vue3.0 getCurrentInstance访问内部组件实例
getCurrentInstance支持访问内部组件实例,用于高阶用法或库的开发。使用:setup() {const internalInstance = getCurrentInstance()internalInstance.appContext.config.globalProperties; 访问 globalPropertiesgetCurrentInstance().uid;访问组件的
·
getCurrentInstance支持访问内部组件实例,用于高阶用法或库的开发。
使用:
setup() {
const internalInstance = getCurrentInstance()
internalInstance.appContext.config.globalProperties; 访问全局变量globalProperties
getCurrentInstance().uid; 访问组件的id
}
在setup或生命周期钩子外使用,先在setup中调用getCurrentInstance()获取该实例然后再使用。
const MyComponent = {
setup() {
const internalInstance = getCurrentInstance() 成功
const id = useComponentId() 成功
const handleClick = () => {
getCurrentInstance() 获取失败
useComponentId() 获取失败
internalInstance 成功
}
onMounted(() => {
getCurrentInstance() 成功
})
return () =>
h(
'button',
{
onClick: handleClick
},
`uid: ${id}`
)
}
}
在组合式函数中调用也可以正常执行
function useComponentId() {
return getCurrentInstance().uid
}
更多推荐
已为社区贡献20条内容
所有评论(0)