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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
前端极客探险家26 分钟前
如何实现一个支持拖拽排序的组件:React 和 Vue 版
前端·vue.js·react.js·排序算法
随笔记1 小时前
vite构建工具和webpack构建工具有什么共同点和不同处
vue.js·react.js·webpack
子玖2 小时前
初始化项目前的准备
前端·javascript·vue.js
Json_2 小时前
使用uni-app框架 写电商商城前端h5静态网站模板项目-手机端-前端项目练习
前端·javascript·vue.js
旧识君2 小时前
前端图片压缩实战:基于compressorjs的高效解决方案
前端·javascript·vue.js
清风细雨_林木木3 小时前
Vue 中 this.$emit(“update:xx“,value) 和 :xx.sync 实现同步数据的做法
前端·javascript·vue.js
自动花钱机3 小时前
ESLint语法报错
前端·javascript·vue.js·css3·html5
工业互联网专业3 小时前
基于springcloud微服务架构的巡游出租管理平台
java·vue.js·spring cloud·微服务·毕业设计·源码·课程设计
╰つ゛木槿4 小时前
Vue与React区别分析
前端·vue.js·react.js
thinkQuadratic4 小时前
vue修饰符
前端·javascript·vue.js