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

解决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,'---');
  }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值