VUE3 中使用 VUEX，报错【[Vue warn] inject() can only be used inside setup() or functional components.】

最新推荐文章于 2024-12-02 16:48:17 发布

segegefe

最新推荐文章于 2024-12-02 16:48:17 发布

阅读量6.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 html 文章标签： css 学习 html

本文链接：https://blog.youkuaiyun.com/segegefe/article/details/123219363

在 Vue3 中使用 Vuex 时遇到 `[Vue warn]: inject() can only be used inside setup() or functional components.` 的警告。错误源于尝试在 methods 中使用 inject()。解决方案是在 methods 中通过 `this.$store` 访问 Vuex store，避免在 setup() 外部使用 inject()。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VUE3 中使用 VUEX，报错【[Vue warn]: inject() can only be used inside setup() or functional components.】

参考链接1：参考链接 vuex 报错 injuce()
参考链接2：vuex 报错无法在methods中使用store的引入

因为在setup中，已经对store进行了定义，所以不能再在外边的methods中进行访问

javascript fail

···
import { useStore } from 'vuex';
···
setup () {
   ···
   const store = useStore();
    store.dispatch(`user/${LOGIN}`, { ...values, type: state.customActiveKey === 'tab1' }).then(res => {
        console.log('========校验通过', res);
    })
   ···
},
methods: {
   handleTestStore () {
     const st