Cannot read properties of undefined (reading ‘key‘)

• 前端

如标题所示错误，直译是key为undefined。本次是因为使用了element-ui中的el-table组件所以并不是key为undefined，而是后台返回的key有重复。

当key重复就会出现页面卡死的现象，渲染就会失败。

key在使用时我们要注意：

1.在渲染时该识别为不同时，识别为相同

2.在渲染时该识别为相同，却识别为了不同

解决问题如下：

  getRowKey(row) {

  /** 检查row.id是否有重复的缓存对象 */

  if (!this.checkRepeatObj) {

    this.checkRepeatObj = {}

  }

  if (row) {

    if (row.id) {

      if (this.checkRepeatObj[row.id]) {

        if (!row._secondId) {

          row._secondId = Math.random() + ”

        }

        /** 方便根据key重用元素 */

        return row._secondId

      } else {

        this.checkRepeatObj[row.id] = 1

        return row.id

      }

    }

    console.log(‘row.id为空’)

    if (!row._secondId) {

      row._secondId = Math.random() + ”

    }

    return row._secondId

  } else {

    console.log(‘row为空’)

    return Math.random() + ”

  }

}

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/08b7e804af.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐