如何在vue的v-for中动态设置循环数组的index？

Question

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'
                },
            ]
        }
    ]
}

}

Answer 1

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

Answer 2

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

Answer 3

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