vue渲染模板遇到多层属性访问

问题

解决

两种方式,

1.可选链,例如获取{goods.categories[1].id}时候不要直接这样写,因为若goods为空的话,后面的categories就是undifined,而undifined是没法取[0]这种值的,因此可以用可选链的方式,${goods.categories?.[1].id} 在取[1]之前先?一下,若categories有值,然后才再去取值,即 .[1]。注意别忘了点

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
林恒smileZAZ11 分钟前
【Vue3】我用 Vue 封装了个 ECharts Hooks
前端·vue.js·echarts
前端小菜鸟也有人起18 分钟前
浏览器不支持vue router
前端·javascript·vue.js
奔跑的web.21 分钟前
Vue 事件系统核心:createInvoker 函数深度解析
开发语言·前端·javascript·vue.js
江公望32 分钟前
VUE3中,reactive()和ref()的区别10分钟讲清楚
前端·javascript·vue.js
内存不泄露1 小时前
基于Spring Boot和Vue 3的智能心理健康咨询平台设计与实现
vue.js·spring boot·后端
xkxnq1 小时前
第一阶段:Vue 基础入门(第 11 天)
前端·javascript·vue.js
内存不泄露2 小时前
基于Spring Boot和Vue的在线考试系统设计与实现
vue.js·spring boot·后端
南玖i2 小时前
SuperMap iServer + vue3 实现点聚合 超简单!
javascript·vue.js·elementui
泰勒疯狂展开2 小时前
Vue3研学-标签ref属性与TS接口泛型
前端·javascript·vue.js
忒可君2 小时前
2026新年第一篇:uni-app + AI = 3分钟实现数据大屏
前端·vue.js·uni-app