使用 vuex-module-decorators 时组件的属性没有更新

如何解决使用 vuex-module-decorators 时组件的属性没有更新

我使用带有 TypeScript 支持和 vuex-module-decorators 的 VueJs 2.6 来管理应用程序状态。

这是我的组件之一：

const MyModule = namespace(`MyModule`);

... component deFinition ...

@MyModule.State('prop1')
public prop1!: SomeModel;

连接到状态模块：

@Module({ namespaced: true })
export class MyModule extends VuexModule {
  public prop1!: SomeModel | null;
...
}

当 MyModule 中的变更设置属性 prop1 时，组件中的相应属性不会更新。我检查过，mutation 被正确调用并且 state 的属性被更新。

如何让组件的属性在状态改变后自动更新？

解决方法

我发现是考试，你添加的后缀不为空“！”如果您删除它，它将被更新。我不知道为什么它会像这样工作。