vue3 中。我的useStore 一直获取到的是undefiend

yunchong_zhao

于 2022-04-03 11:43:55 发布

阅读量3.2k

点赞数

分类专栏：前端 vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/yunchong_zhao/article/details/123934976

版权

前端同时被 2 个专栏收录

342 篇文章 9 订阅

订阅专栏

vue

104 篇文章 3 订阅

订阅专栏

在 Vue 项目中遇到一个 vuex 的小问题，使用 setup 函数时，通过 useStore 获取的 store 始终为空。原因是尝试在 setup 中进行 DOM 操作，这导致 store 未正确初始化。解决方法是在操作 DOM 时使用 nextTick，确保在 DOM 渲染完成后执行。这样可以正确获取到 store 对象。这是一个关于 Vue、Vuex 和 setup 函数使用的小技巧。

摘要由CSDN通过智能技术生成

这个现象奇怪的很。
我从vuex中。结构出来的 useStore 获取出来的 store 一直为空

因为我的vuex中的方法一直没有触发。最后发现 setup中的store一直为undefined

有的网友说我并没有写在 setup 但是事实上我就是写在setup中

其实原因是我之前写了一段需要dom操作然后放在 setup中

然后就是这段代码导致其实如果你要在 setup操作dom的话最好还是

import { nextTick } from "vue"
import { useStore } from "vuex"
setup() {
	const store = useStore()
	// 操作dom的代码
	console.log(store, '====') // undefined ====
}

setup() {
	const store = useStore()
	nextTick(() => {
		// 这里操作dom
	})
	console.log(store, '====') // 输出了store 对象
}