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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
Java陈序员10 分钟前
一键部署!一款开源自托管的照片画廊神器!
vue.js·docker
AAA阿giao10 分钟前
从“拼字符串”到“魔法响应”:一场数据驱动页面的奇幻进化之旅
前端·javascript·vue.js
小胖霞13 分钟前
vite+ts+monorepo从0搭建vue3组件库(三):开发一个组件
vue.js·前端框架·前端工程化
JS_GGbond15 分钟前
Vue3 组件入门:像搭乐高一样玩转前端!
前端·vue.js
小胖霞17 分钟前
vite+ts+monorepo从0搭建vue3组件库(二):项目搭建
前端·vue.js·前端工程化
小胖霞17 分钟前
vite+ts+monorepo从0搭建vue3组件库(四):button组件开发
vue.js·前端框架·前端工程化
JS_GGbond18 分钟前
Vue中级冒险:3-4周成为组件沟通大师 🚀
前端·vue.js
AY呀27 分钟前
《玩转Vue3响应式:手把手实现TodoList,掌握核心指令》
前端·javascript·vue.js
哆啦A梦158837 分钟前
商城后台管理系统 07 商品列表-分页实现
前端·javascript·vue.js
答案answer41 分钟前
Vue3项目集成monaco-editor实现浏览器IDE代码编辑功能
前端·vue.js