在vueRouter里使用pinia 报错 ?

31 阅读1分钟

最近在开发项目时遇到这个问题,当我现在vueRouter 里使用登陆时所存储的用户权限,并渲染路由,需要在pinia里去取时 报如下错误, 一时间不得其解,原先使用vuex确实没有问题 可以直接使用的, 初步推测是vueRouter初始化的时间比pinia早

38a7dce1c1ee44f1a9424e772744a4bb~tplv-k3u1fbpfcp-jj-mark_3024_0_0_0_q75.webp

解决办法

单独导出pinia

inport {createPinia} from 'pinia'
const pinia = createPinia()
export default pinia;

然后在使用store的地方引入 pinia

inport { createRouter, createWebHistory} from 'vue-router'
import pinia from '../stores/pinia'
const counterStore=useCounterStore(pinia) //在此处传入pinia

const route = createRouter({
......
})

export default route