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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
紫_龙8 分钟前
最新版vue3+TypeScript开发入门到实战教程之DOM操作
javascript·vue.js·typescript
SuperEugene9 分钟前
JS/TS 编码规范实战:Vue 场景变量 / 函数 / 类型标注避坑|编码语法规范篇
开发语言·javascript·vue.js
FlyWIHTSKY16 分钟前
vue3中const的使用和定义
前端·javascript·vue.js
gongzemin28 分钟前
怎么在VS Code 调试vue3 源码
前端·vue.js
xuankuxiaoyao3 小时前
VUE.JS 实践 第二章
前端·javascript·vue.js
毕设源码-赖学姐3 小时前
【开题答辩全过程】以 基于Vue的电商管理平台为例,包含答辩的问题和答案
前端·javascript·vue.js
Wayward and pinnacle3 小时前
二次封装多选框组件
前端·javascript·vue.js
Alair‎4 小时前
Vue 3 基础教程:从入门到精通
前端·javascript·vue.js
百锦再4 小时前
树形数据展示:树形表格与树形控件的深度对比(Vue实现)
javascript·vue.js·ecmascript·递归·tree·data·table
码农阿豪4 小时前
Vue+Ant Design表格组件开发实战:从问题到优化的完整指南
前端·javascript·vue.js