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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
Можно4 小时前
深入理解 ES6 Proxy:与 Object.defineProperty 的全面对比
前端·javascript·vue.js
天天向上10246 小时前
vue el-table实现拖拽排序
前端·javascript·vue.js
reembarkation8 小时前
vue3中使用howler播放音频列表
前端·vue.js·音视频
要换昵称了9 小时前
Axios二次封装及API 调用框架
前端·vue.js
angerdream9 小时前
最新版vue3+TypeScript开发入门到实战教程之Pinia详解
前端·javascript·vue.js
假装没有名字9 小时前
Vue2、Vue3中的$scopedSlots和$slots区别
vue.js
徐小夕13 小时前
花了一周时间,我们开源了一款PDF编辑SDK,支持在线批注+脱敏
前端·vue.js·github
前端Hardy13 小时前
NW.js v0.109.1 最新稳定版发布:被遗忘的桌面开发神器?启动快 3 倍,内存省 70%!
前端·javascript·vue.js
踩着两条虫13 小时前
AI驱动的Vue3应用开发平台 深入探究(十四):扩展与定制之插件系统开发指南
vue.js·人工智能·低代码·重构·架构
Jay叶湘伦14 小时前
【极简】用 Vue 写一个 ChatGPT 前端应用,支持连续对话、Markdown 渲染与本地记忆
前端·vue.js·chatgpt