如何在同一个Pinia Store的Action中调用另一个Action？

嘿，我来帮你理清这个Pinia的问题！先直接回答你的两个疑问：

• 当然可以从一个Pinia Action中调用另一个Action，不管是同一个Store还是其他Store的都完全支持
• 在同一个Pinia Store的Action里调用另一个Action是完全可行的，你的问题其实出在代码里的一个小细节错误上

你代码里的问题根源 #

先看你的addOne方法：

addOne() {
  this.state.counter++
}

这里的问题是不需要通过this.state访问state属性。在Pinia的Action中，this直接绑定到Store实例上，state里的所有属性都会被自动代理到this对象上，所以正确修改state的写法应该是this.counter++。你之前的写法会导致addOne本身无法正确修改计数器，所以即使addTwo调用了它，也看不到预期效果，误以为是调用方式错误。

修正后的完整代码 #

export const useCounter = defineStore({
  id: 'counter',
  state: () => ({ counter: 0 }),
  actions: {
    addOne() {
      // 直接通过this访问state属性
      this.counter++
    },
    addTwo() {
      // 正确调用同一个Store里的Action
      this.addOne();
      this.addOne();
    }
  }
});

这样修改后，addTwo里的this.addOne()就能正常工作了，调用两次后counter会正确增加2。

额外补充：跨Store调用Action #

如果以后需要从当前Store的Action调用另一个Store的Action，只需要先获取目标Store的实例，然后调用对应的方法即可：

import { useOtherStore } from './otherStore'

export const useCounter = defineStore({
  // ...其他配置
  actions: {
    someAction() {
      const otherStore = useOtherStore()
      otherStore.anotherAction()
    }
  }
})

内容的提问来源于stack exchange，提问作者Nazarii Semeniuk