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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
你这个代码我看不懂43 分钟前
Vue子父组件.sync
javascript·vue.js·ecmascript
⑩-1 小时前
Vue框架学习
前端·vue.js·学习
xkxnq1 小时前
第三阶段:Vue 路由与状态管理(第 45 天)(路由与状态管理实战:开发一个带登录权限的单页应用)
前端·javascript·vue.js
Irene19912 小时前
Vue 3 中的具名插槽仍然完全支持,Vue 2 的旧语法 Vue 3 中已废弃
vue.js·slot
Irene19912 小时前
v-model 在 Vue2 和 Vue3 中的实现对比或异同
vue.js
心.c3 小时前
Vue3+Node.js实现文件上传并发控制与安全防线 进阶篇
前端·javascript·vue.js·安全·node.js
pas1363 小时前
36-mini-vue nextTick
前端·javascript·vue.js
VX:Fegn08953 小时前
计算机毕业设计|基于springboot + vue教务管理系统(源码+数据库+文档)
vue.js·spring boot·课程设计
Irene19913 小时前
Vue3中 <slot >不支持 ref 属性的替代方案
vue.js·ref
多仔ヾ4 小时前
Vue.js 前端开发实战之 10-网络请求和 UI 组件库
vue.js