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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
雪碧聊技术5 小时前
Vue + Element Plus 实现文本溢出显示省略号及悬浮提示
前端·javascript·css·vue.js·文本溢出省略
Highcharts.js9 小时前
Highcharts 主流前端框架无缝集成指南
前端·vue.js·前端框架·highcharts·可视化图表
岁岁种桃花儿9 小时前
Vue核心语法第十一篇:绑定样式
前端·javascript·vue.js
大龄码农有梦想1 天前
Vue + BPMN.js + Camunda:搭建企业级流程设计器完整实践
javascript·vue.js·流程设计器·bpmn.js·bpmn·流程审批·工作流设计器
岁岁种桃花儿1 天前
Vue核心语法第一篇:Vue是什么?
前端·javascript·vue.js
你挚爱的强哥1 天前
【chromeDownload】自定义组件:多用于登录框底部提供下载Chrome谷歌浏览器的链接
前端·vue.js·chrome
daols881 天前
vue 甘特图 vxe-gantt 任务条拖拽自动更新日期
javascript·vue.js·甘特图
java1234_小锋2 天前
Vue3专题 - 组件基础
vue.js·vite
阿懂在掘金2 天前
同一份弹窗我重构了三次:从 v-model 地狱到路由式调用,终于治好了模板臃肿
前端·vue.js·前端框架
小锋java12342 天前
【技术专题】Vue3 - 生命周期
vue.js·vite