typescript 报红怎么解?

嵌套数据
interface MenuLeft {
  key: string,
  title: string,
  children?: Array // 主要是这个?的原因,但又不好不加
}
let  menuLeftData:Array
....

-for="(item, index) in menuLeftData[index1].children[index2].children" :key="index">

menuLeftData[index1].children[index2].children 这句报红,怎么解?? 怎么断言children 存在

运行正常,但看得实在别扭

试试空链操作符

<tr v-for="(item, index) in menuLeftData[index1]?.children[index2]?.children" :key="index">

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632