本文介绍了我无法从Pinia Vuejs3商店访问我的路线的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我无法从商店访问我的路线。 对此可能有一个很好的解释。 我使用Vuejs3和Pinia
我的商店：
import {defineStore} from 'pinia'
import {useRoute} from "vue-router";
type navigationState = {
selectedNavigationItem: INavigationItem | null,
selectedNavigationPage: INavigationPage | null,
}
export const useNavigationStore = defineStore('navigationStore', {
state: () => ({
/**
* when the user clicks on an element of the navbar we store the navigation item here
*/
selectedNavigationItem: null,
/**
* when the user clicks on an element of the sidebar we store the navigation page here
*/
selectedNavigationPage: null,
} as navigationState),
actions: {
/**
* Set Selected navigation page
* @param navigationPage
* @type INavigationPage
*/
setSelectedNavigationPage(navigationPage: INavigationPage | null) {
console.log(useRoute())
this.selectedNavigationPage = navigationPage
},
},
})
当我像在方法setSelectedNavigationPage中那样执行控制台日志时
我有一个未定义的
推荐答案
内部。
useRouter Docs
useRoute Docs
如果要访问router，只需将其导入即可：
路由器文件
import { createRouter, createWebHistory } from 'vue-router'
export const router = createRouter({
history: VueRouter.createWebHistory(),
routes: [/* ... */]
})
然后在您的Pinia商店中，您只需从该文件导入路由器：
import router from './router'
// router.push
// router.replace
// ...
这篇关于我无法从Pinia Vuejs3商店访问我的路线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！