vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘map‘ of null

原创于 2021-03-08 17:13:37 发布 · 2.5k 阅读

CC 4.0 BY-SA版权

本文探讨了在使用Vue和ElementUI框架时遇到的表格渲染错误。通过分析代码，发现将`list`初始值设为`[]`而非`null`导致了错误。修复方法是确保数据数组始终为空数组，而不是`null`，以避免组件渲染异常。这个错误对于理解和调试Vue应用中的数据绑定至关重要。

vue+elementui

控制台报错

 <el-table
      :key="tableKey"
      v-loading="listLoading"
      :data="list"
      border>
      el-table-column label="ID" prop="id" sortable align="center" width="80">
        <template slot-scope="{row}">
          <span>{{ row.id }}</span>
        </template>
      </el-table-column>
</> 
data() {
    return 
      //list: null,这样写会报错
      list: []
}