Vue - 如何访问 MutationAction 中的状态

Question

我无法访问@MutationAction中的状态

我正在使用：

Nuxt.js v2.13.3"vuex-module-decorators": "^0.17.0"

import { Module, VuexModule, MutationAction } from 'vuex-module-decorators'

@Module({
  name: 'counter',
  stateFactory: true,
  namespaced: true
})
export default class Auth extends VuexModule {
  public counter: number = 5

  @MutationAction({ mutate: ['counter'] })
  async set() {
    console.log(this.counter)
    return { counter }
  }
}

输出：undefined

---

这样就可以了

@MutationAction({ mutate: ['counter'] })
async set() {
  console.log((this.state as any).counter)
  return { counter }
}

输出：5

---

但如果我在阅读之前设置了一个值，一切都会顺利

@MutationAction({ mutate: ['counter'] })
async set() {
  this.counter = '20'
  console.log(this.counter)
  return { counter }
}

输出：20

有人可以帮我完成这项工作吗？ this.counter

Answer 1

返回值被存储

@MutationAction({ mutate: ['counter'] })
async set(val) {
  return { counter: val }
}