当我尝试修改路由器中的商店时,出现以下错误:
“类型错误:代理上的“设置”:属性“transitionName ”的陷阱返回错误”
商店过渡:
import { defineStore } from "pinia";
interface TransitionState {
transitionName: string;
}
export const useTransition = defineStore("transition", {
state: (): TransitionState => ({
transitionName: "slide-right",
}),
actions: {
changeTransitionName(transitionName: string) {
this.transitionName = transitionName;
},
},
getters: {
transitionName: (state: TransitionState) => state.transitionName,
},
});
Run Code Online (Sandbox Code Playgroud)
路由器:
import Home from "@/views/Home.vue";
import { createRouter, createWebHistory } from "vue-router";
import { useTransition } from "@/stores/transition";
const router = createRouter({});
router.beforeEach((to, from, next) => {
const …Run Code Online (Sandbox Code Playgroud)