v-for="(item,index) in goods.brands[brandIndex].brand

其中brandIndex为props中的一个数据(brandIndex:Number)，由父组件传过来,我发现vue貌似不支持这样做，会报错

props中的数据结构如下：
props:{

brandIndex:0,
goods:{
    type1,
    brands:[
        {
            name:'name1',
            brand:[
                {
                    brand:'brand1'
                },
                {
                    brand:'brand2'
                },
                {
                    brand:'brand3'
                },
            ]
        },
        {
            name:'name1',
            brand:[
                {
                    brand:'brand1'
                },
                {
                    brand:'brand2'
                },
                {
                    brand:'brand3'
                },
            ]
        }
    ]
}

}

报错大概是其中一个goods.brands[brandIndex]为undefined了

v-for="(item,index) in goods.brands[brandIndex]?.brand

你先在在页面{{goods.brands[brandIndex]}} 输出看下是不是有数据