vue渲染模板遇到多层属性访问
问题
解决
两种方式,
1.可选链,例如获取 g o o d s . c a t e g o r i e s [ 1 ] . i d 时候不要直接写,因为若 g o o d s 为空的话,后面的 c a t e g o r i e s 就是 u n d i f i n e d ,而 u n d i f i n e d 是没法取 [ 0 ] 这种值的,因此可以用可选链的方式, {goods.categories[1].id}时候不要直接写,因为若goods为空的话,后面的categories就是undifined,而undifined是没法取[0]这种值的,因此可以用可选链的方式, goods.categories[1].id时候不要直接写,因为若goods为空的话,后面的categories就是undifined,而undifined是没法取[0]这种值的,因此可以用可选链的方式,{goods.categories?.[1].id} 在取[1]之前先?一下,若categories有值,然后才再去取值,即 .[1]。注意别忘了点
2. 第二种方式就是用v-if的方式,当有值的时候才去取值。