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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
是谁眉眼8 分钟前
vue环境变量
前端·javascript·vue.js
鹏北海-RemHusband9 分钟前
Vue 组件解耦实践:用回调函数模式替代枚举类型传递
前端·javascript·vue.js
海上彼尚13 分钟前
vite+vue3 ssg预渲染方案
前端·javascript·vue.js
北辰alk21 分钟前
Vue 数组响应式原理深度解析:这些方法为何能被监听到?
vue.js
想努力找到前端实习的呆呆鸟24 分钟前
vscode编写vue代码的时候一聚焦就代码块变白?怎么回事如何解决
vue.js·visual studio code
webkubor25 分钟前
一次 H5 表单事故:100vh 在 Android 上到底坑在哪
前端·javascript·vue.js
Aniugel26 分钟前
Vue2怎么搭建前端性能/错误/行为监控体系
vue.js·面试·监控
神秘的猪头26 分钟前
🎉 React 的 JSX 语法与组件思想:开启你的前端‘搭积木’之旅(深度对比 Vue 哲学)
前端·vue.js·react.js
江公望36 分钟前
VUE3 data()函数浅谈
前端·javascript·vue.js
江公望1 小时前
VUE3 defineProps 5分钟讲清楚
前端·javascript·vue.js