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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
cafehaus2 小时前
抛弃node和vscode,如何用记事本开发出一个完整的vue前端项目
前端·vue.js·vscode
微光无限3 小时前
Vue3 中使用组合式API和依赖注入实现自定义公共方法
前端·javascript·vue.js
家里有只小肥猫4 小时前
虚拟mock
vue.js
独泪了无痕4 小时前
研究 Day.js 及其在 Vue3 和 Vue 框架中的应用详解
前端·vue.js·element
画船听雨眠aa7 小时前
vue项目创建与运行(idea)
前端·javascript·vue.js
℡52Hz★7 小时前
如何正确定位前后端bug?
前端·vue.js·vue·bug
小小弯_Shelby7 小时前
vue+arcgis api for js实现地图测距的分段统计线段长度
vue.js·arcgis
摇光938 小时前
js高阶-响应式原理
前端·javascript·vue.js
丁总学Java8 小时前
error Parsing error: invalid-first-character-of-tag-name vue/no-parsing-error
前端·javascript·vue.js
7_35Durant8 小时前
vue3 跨级传递数据
前端·javascript·vue.js