Pinia组合式API中计算属性内state未定义问题求助

你的错误出在Pinia组合式API写法中计算属性的定义方式上，具体问题如下：

• 组合式API的defineStore回调里，不需要给computed传入state参数，这是选项式API的写法逻辑。
• 你用this.rooms访问变量，但当前函数作用域里的this并不指向store实例，组合式写法应该直接引用当前作用域中定义的响应式变量。

修正后的Store代码 #

export const useOfficeStore = defineStore("office", () => {
  const rooms = ref(new Map());
  rooms.value.set("first", {
    id: "first",
    width: 20,
    height: 20,
    top: 0,
    left: 0,
    pers: null,
  });
  // 直接引用当前作用域的rooms变量，无需state参数和this
  const freeRooms = computed(() => {
    console.log("Invoked free rooms");
    // 可根据需求筛选空闲房间，示例为过滤pers为null的房间
    return Array.from(rooms.value.entries()).filter(([_, room]) => room.pers === null);
  });
  return {
    rooms,
    freeRooms,
  };
});

补充说明 #

在Pinia的组合式API写法中，所有响应式变量（比如rooms）都直接定义在回调函数的作用域内，计算属性可以直接访问这些变量，不需要依赖state参数或this。另外你原代码中return this.rooms只是返回整个房间集合，建议根据实际业务需求筛选出真正的空闲房间（如示例中的过滤逻辑）。

内容的提问来源于stack exchange，提问作者Daniele Tentoni