我在选项API中定义了这个存储:
import { defineStore } from "pinia";
import AxiosBeerOffice from "@/services/axiosBeerOffice";
const uri = {
getNavbarItems: "/navbarItems",
};
export const useNavbarStore = defineStore({
id: "navbar",
state: () => ({
navbarItems: [],
}),
actions: {
getNavbarItems: async () => {
const response = await AxiosBeerOffice.get(uri.getNavbarItems, true);
const { data } = response;
this.navbarItems = data;
},
},
});
问题是,当我调用getNavbarItems
操作时,将值设置为navbarItems
的行向我抛出以下错误:
我真的不明白发生了什么事,所以任何帮助将不胜感激。
1条答案
按热度按时间9wbgstp71#
箭头函数没有自己的
this
绑定,这解释了this.navbarItems
的错误。请尝试以下方法:基于https://github.com/vuejs/pinia/discussions/1267。另请参阅https://pinia.vuejs.org/core-concepts/actions.html中的示例