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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
卓怡学长1 小时前
w263基于springboot + vue 健康饮食管理系统
java·数据库·vue.js·spring boot·spring·intellij-idea
无情的西瓜皮2 小时前
MCP 协议实战:从零搭建一个 MCP 服务器(Node.js 版)
vue.js·人工智能·typescript·node.js
万亿少女的梦1682 小时前
基于Spring Boot、Vue.js和MySQL的超市管理系统设计与实现
java·vue.js·spring boot·mysql·管理系统
李明卫杭州3 小时前
Vue2 portal-target 组件与 Vue3 的针对性优化
前端·javascript·vue.js
江华森5 小时前
Vue Router 与 SPA 原理深度解析
前端·javascript·vue.js
糖墨夕5 小时前
第一章:为什么你要学 AI Agent?—— 从"切图仔"到全栈的进化之路
前端·javascript·vue.js
pany15 小时前
做 AI 友好的开源 Vue3 模板 🌈
前端·vue.js·ai编程
daols8817 小时前
vue 甘特图 vxe-gantt 小时视图设置日期轴每间隔 3 个小时
vue.js·甘特图·vxe-gantt
你挚爱的强哥21 小时前
Vue2 实现 1.5s 十连击监听(连续点击若干次),封装通用可复用点击检测工具,不用 data!Vue 封装通用连击监听方法,支持自定义时长与点击次数
前端·javascript·vue.js
卓怡学长1 天前
w266基于spring boot + vue 圣地延安美食乐享系统
java·数据库·vue.js·spring boot·spring·intellij-idea