Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

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

Vue3组件中getCurrentInstance()获取App实例,但是返回null

我在一个按钮点击函数里面获取APP实例的时候,返回的竟然是null:

在页面上点击按钮后

这个问题的根本原因是

getCurrentInstance() ,还有诸如: useStoreuseRouter 这些跟 Vue 实例沾边的都会有这个问题,这些函数只能写到setup函数里面,不能套在别的函数里面使用。

当我把getCurrentInstance写在外层setup里面之后就可以正常获取到了:

页面上正常获取到了

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue中保存用户登录状态实例代码

    Vue中保存用户登录状态实例代码

    本篇文章主要介绍了Vue中保存用户登录状态实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。、
    2017-06-06
  • vue监听浏览器原生返回按钮,进行路由转跳操作

    vue监听浏览器原生返回按钮,进行路由转跳操作

    这篇文章主要介绍了vue监听浏览器原生返回按钮,进行路由转跳操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-09-09
  • Vue3实现高阶组件HOC的示例详解

    Vue3实现高阶组件HOC的示例详解

    高阶组件HOC在React社区是非常常见的概念,但是在Vue社区中却是很少人使用,但其实在一些特殊的场景使用他就可以很优雅的解决一些问题,下面就跟随小编一起来了解下吧
    2025-01-01
  • vue-router路由懒加载及实现方式

    vue-router路由懒加载及实现方式

    这篇文章主要介绍了vue-router路由懒加载及实现方式,路由懒加载的主要作用是将 路由对应的组件打包成一个个的js代码块,只有在这个路由被访问到的时候,才会加载对应组件的代码块,需要的朋友可以参考下
    2022-12-12
  • Vue Input输入框自动获得焦点的有效方法

    Vue Input输入框自动获得焦点的有效方法

    我们有时候会遇到要输入框自动获取焦点的情况,下面这篇文章主要给大家介绍了关于Vue Input输入框自动获得焦点的简单方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • vue.js给动态绑定的radio列表做批量编辑的方法

    vue.js给动态绑定的radio列表做批量编辑的方法

    下面小编就为大家分享一篇vue.js给动态绑定的radio列表做批量编辑的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • vue组件props属性监听不到值变化问题

    vue组件props属性监听不到值变化问题

    这篇文章主要介绍了vue组件props属性监听不到值变化问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue + vuex todolist的实现示例代码

    vue + vuex todolist的实现示例代码

    这篇文章主要介绍了vue + vuex todolist的实现示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03
  • vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native

    vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native

    今天小编就为大家分享一篇vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • Vue登录功能实现

    Vue登录功能实现

    本文主要介绍了 Vue 登录功能实现,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09

最新评论