解决vue中的报错TypeError: Cannot read properties of undefined (reading ‘headPortrait‘)_cannot read properties of undefined (reading 'head

作者：菜鸟追梦旅行 | 2024-03-22 13:53:52

踩

cannot read properties of undefined (reading 'header')

报错信息

原因：

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

我刚开始代码是


<img
   :src="avatar(rankingList3[1].headPortrait)"
    alt="排行榜"
/>

解决报错

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


<img
    :src="rankingList3[0]&&avatar(rankingList3[0].headPortrait)"
    alt="排行榜"
/>

或者


 <img
    v-if='rankingList3[0]'
    :src="avatar(rankingList3[0].headPortrait)"
    alt="排行榜"
 />

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/288573