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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
我是伪码农1 小时前
Vue 1.28
前端·javascript·vue.js
利刃大大2 小时前
【Vue】scoped作用 && 父子组件通信 && props && emit
前端·javascript·vue.js
-凌凌漆-2 小时前
【Vue】Vue3 vite build 之后空白
前端·javascript·vue.js
qq_336313932 小时前
javaweb-Vue3
前端·javascript·vue.js
Mr Xu_2 小时前
UniApp 实战:深度解析 App 端自动检测与静默更新(含强制更新)
javascript·vue.js·uni-app
mc_故事与你3 小时前
前后端分离项目(springboot+vue+mybatis)-教学文档(SpringBoot3+Vue2)-4 (正在编写)
vue.js·spring boot·mybatis
HWL56793 小时前
vue抽离自定义指令的方法
前端·javascript·vue.js
宁雨桥3 小时前
Vue项目中iframe嵌入页面实现免登录的完整指南
前端·javascript·vue.js
LongJ_Sir3 小时前
Cesium--可拖拽气泡弹窗(对话框尾巴,Vue3版)
前端·javascript·vue.js
一 乐4 小时前
在线考试|基于springboot + vue在线考试系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计