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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
吴声子夜歌1 小时前
Vue3——Vue实例与数据绑定
前端·javascript·vue.js
一 乐2 小时前
物流信息管理|基于springboot + vue物流信息管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·物流信息管理系统
孜孜不倦不忘初心4 小时前
Vue 项目结构与命名规范
vue.js·代码规范
账号已注销free6 小时前
Vue3项目中给组件命名的方式
vue.js
前端那点事6 小时前
VueUse 全面指南|Vue3组合式工具集实战
vue.js
前端那点事6 小时前
Vue3+Pinia实战完整版|从入门到精通,替代Vuex的状态管理首选
vue.js
Devin_chen6 小时前
Pinia 渐进式学习指南
前端·vue.js
PeterMap6 小时前
Vue组合式API响应式状态声明:ref与reactive实战解析
前端·vue.js
三原7 小时前
附源码:三原管理系统新增俩种常用布局
java·前端·vue.js