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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
极致♀雨22 分钟前
vue2+elementUI table表格勾选行冻结/置顶
前端·javascript·vue.js·elementui
林shir29 分钟前
3-15-前端Web实战(Vue工程化+ElementPlus)
前端·javascript·vue.js
Hi_kenyon3 小时前
Ref和Reactive都是什么时候使用?
前端·javascript·vue.js
zhougl9965 小时前
Vue 中使用 WebSocket
前端·vue.js·websocket
半梅芒果干6 小时前
vue3 实现无缝循环滚动
前端·javascript·vue.js
雯0609~6 小时前
hiprint-官网vue完整版本+实现客户端配置+可实现直接打印(在html版本增加了条形码、二维码拖拽等)
前端·javascript·vue.js
huangyiyi666667 小时前
Vue + TS 项目文件结构
前端·javascript·vue.js
无法长大8 小时前
如何判断项目需不需要用、能不能用Tailwind CSS
前端·css·vue.js·elementui·vue3·tailwind css
墨染青竹梦悠然8 小时前
基于Django+vue的图书借阅管理系统
前端·vue.js·后端·python·django·毕业设计·毕设
爱敲代码的小鱼8 小时前
Vue的简介:
前端·javascript·vue.js