vue 学习笔记（三）报错： TypeError: Cannot set property '0' of undefined

最新推荐文章于 2025-06-15 13:45:33 发布

原创最新推荐文章于 2025-06-15 13:45:33 发布 · 3.3w 阅读

0 ·

CC 4.0 BY-SA版权

vue学习专栏收录该内容

11 篇文章

订阅专栏

这篇博客详细记录了在学习Vue.js时遇到的一个常见错误——TypeError: Cannot set property '0' of undefined。作者通过具体的代码示例展示了问题发生的情况，并提供了解决此类问题的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TypeError: Cannot set property '0' of undefined

具体报错代码如下

    submit () {
      back.submitForm().then((response) => {
        let sets = []
        if (response.data !== undefined) {
          for (let i = 0; i < response.data.length; i++) {
            console.log(response.data[0].name)
            let groupinfo = {}
            groupinfo.name = response.data[i].name
            for (let j = 0; j < response.data[i].total; j++) {
              let ingroup = {}
              ingroup = response.data[i].powerSockets[j]
              groupinfo.items[j] = ingroup
            }
            sets[i] = groupinfo
          }
        }
        this.list = sets
      })
    }

groupinfo.items[j] = ingroup

该行报错，只找到空值。

解决方法：

submit () {
      back.submitForm().then((response) => {
        let sets = []
        if (response.data !== undefined) {
          for (let i = 0; i < response.data.length; i++) {
            console.log(response.data)
            let groupinfo = {}
            let ingroup = []
            if (response.data[i].powerSockets !== undefined) {
              for (let j = 0; j < response.data[i].total; j++) {
                let obj = {}
                obj.item = response.data[i].powerSockets[j].used
                ingroup[j] = obj
              }
            }
            groupinfo.name = response.data[i].name
            groupinfo.children = ingroup
            sets[i] = groupinfo
          }
        }
        this.list = sets
      })
    }