在vuex模块装饰器的@ModuleAction中使用状态

npm install vuex vuex-module-decorators

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

@Module
export default class MyModule extends VuexModule {
  private myState: string = '';

  @Action
  async fetchData() {
    // 在这里可以使用this.myState来访问模块中的状态
    // 进行异步操作
  }
}

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

@Module
export default class MyModule extends VuexModule {
  private myState: string = '';

  @Action
  async fetchData() {
    const state = this.context.state.myState;
    // 进行异步操作
  }
}

import { Component, Vue } from 'vue-property-decorator';
import { namespace } from 'vuex-class';
const myModule = namespace('myModule');

@Component
export default class MyComponent extends Vue {
  @myModule.Action
  fetchData!: () => Promise<void>;

  async mounted() {
    await this.fetchData();
  }
}