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 }
}