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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
2601_962071574 小时前
Java进阶(vue基础)
前端·javascript·vue.js
雪芽蓝域zzs5 小时前
第十节:动态侧边栏菜单(根据路由 meta 自动渲染菜单)
javascript·vue.js·elementui
浪兎兎6 小时前
Vue CLI笔记
前端·vue.js·笔记
前端炒粉6 小时前
容器预热预跳转方案
前端·vue.js·性能优化
tt一点通6 小时前
前端常用设计模式大全
前端·vue.js
学长毕业设计6 小时前
基于SpringBoot的校园爱心志愿管理系统(源码+文档+讲解视频)
vue.js·spring boot·后端
雪芽蓝域zzs7 小时前
第五节:Vue‑Router4 路由配置,布局嵌套路由
前端·javascript·vue.js
雪芽蓝域zzs7 小时前
第十二节:完整用户管理 CRUD 页面(表格分页、新增 / 编辑弹窗、删除、Mock 接口)
前端·javascript·vue.js
单线程121387 小时前
从案例分析 Vue3 Tokenizer 源码二
前端·javascript·vue.js
单线程_018 小时前
从案例分析 Vue3 Tokenizer 源码二
前端·javascript·vue.js