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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
流光墨佰33 分钟前
我做了一个专为油猴打造的轻量级 Vue 组件注入库
vue.js
踩着两条虫5 小时前
AI驱动的Vue3应用开发平台 深入探究(十三):物料系统之区块与页面模板
前端·vue.js·人工智能·架构·系统架构
luanma1509807 小时前
Laravel 8.X重磅特性全解析
前端·javascript·vue.js·php·lua
tzy2338 小时前
Vue和React之争
前端·vue.js·react.js
网络点点滴8 小时前
Vue3中toRaw和MarkRaw
前端·javascript·vue.js
AI服务老曹9 小时前
掌握核心代码:基于 Spring Boot + Vue 的 AI 视频管理平台源码架构与二次开发实战(全开源/低代码/私有化)
vue.js·人工智能·spring boot
蜡台10 小时前
Vue 组件通信的 12 种解决方案
前端·javascript·vue.js·props
YAY_tyy14 小时前
Vue3 + Three.js 实战:自定义 3D 模型加载与交互全流程
前端·javascript·vue.js·threejs
2301_7806698620 小时前
前端logo替换开发
前端·vue.js
代码煮茶1 天前
Vue3 路由实战 | Vue Router 从 0 到 1 搭建权限管理系统
前端·javascript·vue.js