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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
JIngJaneIL4 小时前
篮球论坛|基于SprinBoot+vue的篮球论坛系统(源码+数据库+文档)
java·前端·数据库·vue.js·论文·毕设·篮球论坛系统
程序猿阿伟6 小时前
《首屏加载优化手册:Vue3+Element Plus项目提速的技术细节》
前端·javascript·vue.js
麦麦大数据6 小时前
D030知识图谱科研文献论文推荐系统vue+django+Neo4j的知识图谱|论文本文相似度推荐|协同过滤
vue.js·爬虫·django·知识图谱·科研·论文文献·相似度推荐
fruge7 小时前
Vue Pinia 状态管理实战指南
前端·vue.js·ubuntu
绝无仅有7 小时前
某教育大厂面试题解析:MySQL索引、Redis缓存、Dubbo负载均衡等
vue.js·后端·面试
没逛够8 小时前
Vue 自适应高度表格
javascript·vue.js·elementui
苹果醋310 小时前
JAVA面试汇总(二)多线程(五)
运维·vue.js·spring boot·nginx·课程设计
咖啡の猫10 小时前
Vue初始化脚手架
前端·javascript·vue.js
一 乐10 小时前
汽车销售|汽车推荐|基于SprinBoot+vue的新能源汽车个性化推荐系统(源码+数据库+文档)
java·数据库·vue.js·汽车·毕设·汽车个性化推荐
晨枫阳11 小时前
uniapp兼容问题处理总结
前端·vue.js·uni-app