用v-for渲染页面时，如果要取的值中某个key可能不存在时要怎么处理

Question

<li class="find-list-li" v-for="item in carSenseFindData" :key="item.index">
    <div class="img-box">
       <img :src="item.vehicleInOutPic[0]['platePic'] | transferPic" :onerror="defaultPeopleImg">
    </div>
</li>

比如要取的platePic字段可能不存在，vehicleInOutPic数组为空，那时会报错，加||也不行，有什么便捷的改法？还是得遍历一遍carSenseFindData处理下数据

Answer 1

你加个三元判断前面vehicleInOutPic是否为空
你的保证有字段才可以判断 你这块是取值的报错

Answer 2

就三目运算符吧