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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
大阿明3 分钟前
使用vite打包并部署vue项目到nginx
前端·vue.js·nginx
cch891837 分钟前
ThinkPHP6.x全面升级:性能与功能双飞跃
开发语言·vue.js·后端·golang
那我懂你的意思啦1 小时前
Vue2+Vue3学习
前端·vue.js·学习
travel_wsy1 小时前
PLY三维模型在vue中的展示
前端·javascript·vue.js
还是大剑师兰特1 小时前
Vite + Vue 3 一体化开发调试插件:vite-plugin-vue-devtools
前端·javascript·vue.js
踩着两条虫1 小时前
从“降门槛”到“提效率”:VTJ.PRO与百度秒哒的差异化路径分析
前端·vue.js·ai编程
邂逅星河浪漫2 小时前
【Vue2-ElementUI】:model、v-model、prop
javascript·vue.js·elementui
SuperEugene11 小时前
Vue3 组件复用设计:Props / 插槽 / 组合式函数,三种复用方式选型|组件化设计基础篇
前端·javascript·vue.js
nFBD29OFC11 小时前
利用Vue元素指令自动合并tailwind类名
前端·javascript·vue.js
i220818 Faiz Ul13 小时前
动漫商城|基于springboot + vue动漫商城系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·动漫商城系统