对象可能在vue3 typescript中“未定义”

不能使用箭头函数定义操作,因为它依赖于 this 关键字。

请尝试以下操作:

export const useTenantStore = defineStore('tenant', {
  state: () => ({
    tenants: [],
  }),
  actions: {
    setMyTenants(payload: TenantDto[]) {
      this.tenants = payload;
    }
  }
});

然而 @alexwbt described the problem & solution , 另一种选择是指定 Setup Stores 而不是 Option Stores .

import { defineStore } from 'pinia';
import { ref } from 'vue';

export const useTenantStore = defineStore('tenant', () => {
  const tenants = ref([]);
  
  const setMyTenants = (payload) => {
    tenants.value = payload;
  }

  return {
    tenants,
    setMyTenants,
  };
});