Vuex Typescript 我收到错误“成员 'someMutation' 隐含地具有 'any' 类型。”在 Component.ts 文件中

Question

我收到错误：

“成员 'someMutation' 隐含地具有 'any' 类型。”。

此错误出现在我的 Vue 组件中 Component.ts 文件中的突变，从 Vuex 商店收到。

我在Component.ts中有以下代码：

@WithRender
@Component({
    components: { SomeChildComponent },
})
export default class Component extends Vue {
    constructor() {
        super();
        this.someFunc(this.someComponentMethod);
        // ... some logic
    }
    @Mutation public someMutation;

    private someComponentMethod(str: string) {
        this.someMutation();
    }
}

用于突变的代码：

const mutations: MutationTree<State> = {
    someMutation(state, name: string): void {
        state.prop = state.prop.filter((el: IEl): boolean => el.name !== name);
    },
};

const c = {
    state,
    getters,
    mutations,
};

const store = new Vuex.Store(c);

我尝试了一些变体，例如@Mutation public someMutation: void; 或@Mutation public someMutation(s: string): void;，但没有成功。

我的目的是解决问题，而不仅仅是关闭 tslint.json 文件中的规则 NoImplicitAny。

Answer 1

根据someMutation的来源，该方法接受一个名为name的string参数，并返回void，其类型如下：

(name: string) => void

由于属性是由vuex-class自动初始化的，所以我们可以使用definite assignment assertion来避免“no initializer”错误。

!: (name: string) => void
^

最终结果是：

@Mutation someMutation!: (name: string) => void