小编Rob*_*n G的帖子

如何使用 Vue3 中的设置存储语法在 Pinia 存储中使用 `useRoute`/`useRouter`?

我一直在尝试让我的 Pinia 商店在 Vue 3 中启动并运行,这一切都非常轻松,直到我想访问 url 中的一些参数。

我有一家商店(简化),如下所示:

import { defineStore } from 'pinia';
import { useRoute } from 'vue-router';
import { useLocalStorage } from '@vueuse/core';

export const useUserStore = defineStore('user', () => {
  const route = useRoute();
  const uuid = ref(
    useLocalStorage('uuid', route.params.id)
  )

 return { uuid };
})
Run Code Online (Sandbox Code Playgroud)

不幸的是,该路线仍然未定义,就好像useRoute()没有正确触发一样。我已经看到您可以添加插件以在初始化时将路由器实例添加到 pinia 存储中,但我无法找到this在安装存储中访问该实例的方法。

任何帮助将不胜感激

state-management vuejs3 pinia

5
推荐指数
1
解决办法
2474
查看次数

标签 统计

pinia ×1

state-management ×1

vuejs3 ×1