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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
无聊的老谢2 分钟前
Vue 3 + Leaflet 实现高性能 Web GIS 基站监控平台
前端·javascript·vue.js
前端 贾公子4 分钟前
3.响应式系统基础:从发布订阅模式的角度理解 Vue2 的数据响应式原理(上)
前端·javascript·vue.js
xiaohua0708day14 小时前
Lodash库
前端·javascript·vue.js
万物皆对象66614 小时前
切换路由时页面空白问题(vue3)
前端·vue.js·typescript
李剑一16 小时前
小红书前端架构面试问的挺深入啊!面试官:Vue中组合式API与选项式API的设计权衡
vue.js·面试
一 乐17 小时前
汽车租赁|基于SprinBoot+vue的汽车租赁管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·汽车·论文·毕设·汽车租赁管理系统
MaCa .BaKa20 小时前
55-宠物爱心救助领养系统-宠物救助领养系统
java·vue.js·tomcat·maven·springboot·宠物救助领养系统
海鸥两三1 天前
基于 Vue 3 + 高德地图的网格规划系统实战(有源码)
前端·javascript·vue.js
专注VB编程开发20年1 天前
我制作excel工作簿的选项卡,发给deep seek, 昨天修改了一天
前端·vue.js·excel
qq_420362031 天前
前端国际化方案
前端·javascript·vue.js·国际化·reactjs