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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
ShallowLin16 分钟前
vue3学习——组合式 API:生命周期钩子
前端·javascript·vue.js
Nejosi_念旧38 分钟前
Vue API 、element-plus自动导入插件
前端·javascript·vue.js
大鱼前端9 小时前
Vue 3.5 :新特性全解析与开发实践指南
vue.js
_龙衣9 小时前
将 swagger 接口导入 apifox 查看及调试
前端·javascript·css·vue.js·css3
夏之小星星11 小时前
el-tree结合checkbox实现数据回显
前端·javascript·vue.js
琉璃℡初雪12 小时前
vue2/3 中使用 @vue-office/docx 在网页中预览(docx、excel、pdf)文件
vue.js·pdf·excel
拖孩14 小时前
【Nova UI】十五、打造组件库之滚动条组件(上):滚动条组件的起步与进阶
前端·javascript·css·vue.js·ui组件库
苹果电脑的鑫鑫14 小时前
element中表格文字剧中可以使用的属性
javascript·vue.js·elementui
Hejjon14 小时前
Vue2 elementUI 二次封装命令式表单弹框组件
前端·vue.js
Wannaer15 小时前
从 Vue3 回望 Vue2:响应式的内核革命
前端·javascript·vue.js