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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
FuckPatience10 分钟前
Vue ASP.Net Core WebApi 前后端传参
前端·javascript·vue.js
Komorebi_999930 分钟前
Vue3 provide/inject 详细组件关系说明
前端·javascript·vue.js
Hilaku1 小时前
"事件委托"这个老古董,在现代React/Vue里还有用武之地吗?
前端·javascript·vue.js
向葭奔赴♡2 小时前
前端框架学习指南:提升开发效率
前端·javascript·vue.js
小高0072 小时前
🔥🔥🔥Vue 3.5 核弹级小补丁:useTemplateRef 让 ref 一夜失业?
前端·javascript·vue.js
中微子2 小时前
Vue 2 与 Vue 3 组件写法对比
前端·javascript·vue.js
中微子2 小时前
Vue 3 JavaScript 最佳实践指南
前端·javascript·vue.js
Keepreal4962 小时前
使用 Three.js 和 GSAP 动画库实现3D 名字抽奖
javascript·vue.js·three.js
小岛前端3 小时前
Vue3 键盘快捷键的高效开发!
前端·vue.js·开源
云浪3 小时前
说透 Suspense 组件的实现原理
前端·javascript·vue.js