问题:

当我在组件的 setup 中使用 useStore 来获取 store 的时候,Pinia.js 的 store 已经被更新了,但是组件渲染没变化。

import useManagerStore from "@/store/modules/managers";
const ManagerStore = useManagerStore();
const {count } = {ManagerStore}

原因:

当count我们在结构赋值的时候数据丢失了响应式

解决

1.计算属性

const count = computed(() => ManagerStore.count);

2.使用storeToRefs

const { count } = storeToRefs(ManagerStore);
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐