打字稿显示 "this" 对象的错误说 TS2532：对象可能是 'undefined' inside vue 方法

Question

由于我对写问题还很陌生，对于可能出现的错误，我深表歉意。

问题：我有一个带有打字稿的 vue 应用程序。

export default {
    methods: {
        setProgram: (program: Program)=>{
            this.program = program // TS2532: Object is possibly 'undefined'.
            this.step++ // TS2532: Object is possibly 'undefined'.
        }
    },
    ...
}

虽然我真的很喜欢打字稿的这个特性，但我真的很确定，在这种情况下“this”不会是未定义的。

关于“this”的使用，我怎样才能让打字稿平静下来？

非常感谢大家，祝你有美好的一天！

最佳Dom.

Answer 1

知道了！

如果在 lambda 函数中使用，“this”可能未定义:)

只是改变

setProgram: (program: Program) => {

至：

setProgram: function (program: Program) {

而且有效...

打字稿显示 "this" 对象的错误说 TS2532：对象可能是 'undefined' inside vue 方法

Typescript displays error for "this" Object saying TS2532: Object is possibly 'undefined' inside of vue methods

javascript

typescript

vue.js

vuejs3