报错:Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘0’)

在这里插入图片描述

问题代码:
<el-table-column prop="number" label="总用例数 / 失败用例数" align="center" width="200">
   <template #default="scope">
      <span>{{scope.row.number[0]}}</span>
      <span style="margin:0 3px">/</span>
      <span class="failNumStyle" @click="toDetail(scope.row.id)">{{scope.row.number[1]}}</span>
   </template>
</el-table-column>

在这里插入图片描述

原因:

异步显示先显示的初始数据,此时还没有数据

正确代码:
<el-table-column prop="number" label="总用例数 / 失败用例数" align="center" width="200">
  <template #default="scope">
     <span v-if="scope.row.number">{{scope.row.number[0]}}</span>
     <span style="margin:0 3px">/</span>
     <span class="failNumStyle" @click="toDetail(scope.row.id)" v-if="scope.row.number"
        {{scope.row.number[1]}}
     </span>
  </template>
</el-table-column>
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐