解决vue中报错 TypeError: Cannot read properties of undefined (reading ‘value‘)“

报错截图：

---

报错原因：

一般情况下数组中容易出现这种报错，根本原因其实是因为没有判断数组是否为空，就已经去用数组里面的变量了，故导致报错。

---

报错解决：

先判断这个数组是否为空数组之后，然后再进行赋值即可解决该报错，如下代码：

默认写法：

<span>{{scope.row[index].value}}</span>

修改之后：

<span>{{scope.row[index] && scope.row[index].value}}</span>