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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
打瞌睡的朱尤6 小时前
建立vue项目
vue.js
bearpping7 小时前
Spring Boot + Vue 全栈开发实战指南
vue.js·spring boot·后端
儒雅的烤地瓜10 小时前
Vue | 一文详解Vue3中的Setup()函数
vue.js·vue3·vue2·组合式api·setup函数·option api
网络安全学习库10 小时前
很喜欢Vue,但还是选择了React: AI时代的新考量
vue.js·人工智能·react.js·小程序·aigc·产品经理·ai编程
.生产的驴11 小时前
Vue3 超大字体font-slice按需分片加载,极速提升首屏速度, 中文分片加载方案,性能优化
前端·vue.js·windows·青少年编程·性能优化·vue·rescript
Hello--_--World12 小时前
VUE3:基础篇官网笔记
前端·vue.js·笔记
我是伪码农12 小时前
vue复习
前端·javascript·vue.js
cch891812 小时前
易语言VS VUE:编程工具终极对决
前端·javascript·vue.js
一 乐12 小时前
鲜花商城|基于springboot + vue鲜花商城系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·鲜花商城系统
IT东13 小时前
Vue 多环境部署全解析:解决测试与生产一致性难题
前端·javascript·vue.js