解决vue+ts中报错:Cannot read property ‘push’ of undefined

一,出现的问题:
在vue项目中,用TypeScript定义了一个数组,遍历操作的时候,进行push操作时,查看控制台竟然出现“Cannot read property ‘push’ of undefined”错误, 代码如下:

public arr: Array<string>;

public created() {
    for(let i = 0; i < this.routes.length; i++){
      this.arr.push({name: this.routes[i].name})
    }
    console.log(this.arr,'---');
  }

二,原因:
问题出现在typescript在转JavaScript的过程中,转换出来的JavaScript没有说明arr是一个数组,所以就运行报错了。
例如:
在这里插入图片描述

三,解决:
重新对arr进行初始化

public arr: Array<string> = []; //添加上一个中括号

public created() {
    for(let i = 0; i < this.routes.length; i++){
      this.arr.push({name: this.routes[i].name})
    }
    console.log(this.arr,'---');
  }
Logo

前往低代码交流专区

更多推荐