Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案
更新时间:2025年04月18日 09:52:02 作者:1024小神
这篇文章主要介绍了Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Vue3组件中getCurrentInstance()获取App实例,但是返回null
我在一个按钮点击函数里面获取APP实例的时候,返回的竟然是null:

在页面上点击按钮后

这个问题的根本原因是
getCurrentInstance() ,还有诸如: useStore 、 useRouter 这些跟 Vue 实例沾边的都会有这个问题,这些函数只能写到setup函数里面,不能套在别的函数里面使用。
当我把getCurrentInstance写在外层setup里面之后就可以正常获取到了:

页面上正常获取到了

总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
基于Vue实现一个textarea幽灵建议功能
不知道你有没有发现Bing AI聊天有个输入提示功能,在用户输入部分内容时后面会给出灰色提示文案,用户只要按下tab键就可以快速添加提示的后续内容,我将这个功能称为幽灵建议,接下来我将用Vue框架来实现这个功能,需要的朋友可以参考下
2023-09-09
vue3使用localStorage实现登录注册功能实例
这篇文章主要给大家介绍了关于vue3使用localStorage实现登录注册功能的相关资料, localStorage这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题,需要的朋友可以参考下
2023-06-06
vue项目之数量占比进度条实现方式
这篇文章主要介绍了vue项目之数量占比进度条实现方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-12-12
Vue使用三方工具vueUse实现虚拟列表
其实采用vueUse中的useVirtualList方法同样可以实现虚拟列表,这篇文章小编就来和大家详细介绍一下如何使用vueUse实现简单的虚拟列表效果吧
2024-04-04
如何手动销毁Vue中挂载的组件
这篇文章主要介绍了如何手动销毁Vue中挂载的组件,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-08-08
vue文件树组件使用详解
这篇文章主要为大家详细介绍了vue文件树组件的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2018-03-03
vue+Minio实现多文件进度上传的详细步骤
这篇文章主要给大家介绍了关于如何利用vue+Minio实现多文件进度上传的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2022-03-03
Nginx部署前端vue项目的全部步骤记录
本文讲解了如何在Linux环境中部署Vue项目,包括安装依赖、编译项目、安装配置Nginx,并介绍了SSL证书安装与配置,详细说明了使用Nginx作为静态资源服务器和反向代理的步骤,以及进行性能、安全性测试和备份的重要性,需要的朋友可以参考下
2024-09-09
最新评论