2022-06-15 工作记录--Vue-TypeError: Cannot read properties of undefined (reading ‘label‘)

错误写法1、

<div class="role_title">
    {{ newRoleMap[currentRoleIndex].label }} 
</div>

错误写法2、

<div class="role_title" v-if="newRoleMap">
    {{ newRoleMap[currentRoleIndex].label }} 
</div>

正确写法、

【由优秀的前端哥哥提供 yyds☺️】

• 应该是currentRoleIndex(当前这个索引) 大于等于 数组长度 导致的报错；
  • 比如：数组长度为2(索引值只有0、1)，访问索引2的label，自然会报错；
• 而且空数组也会返回true。所以应该是判断数组length大于0更准确。

<div class="role_title" v-if="newRoleMap.length>0">
    {{ newRoleMap[currentRoleIndex].label }} 
</div>