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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
喔烨鸭12 分钟前
vue3中使用原生表格展示数据
前端·javascript·vue.js
萌狼蓝天29 分钟前
[Vue]Tab关闭后,再次使用这个组件时,上次填写的内容依旧显示(路由复用导致组件实例未被销毁)
前端·javascript·vue.js·前端框架·ecmascript
华仔啊1 小时前
这 10 个 Vue3 性能优化技巧很实用,但很多项目都没用上
前端·vue.js
夏沫mds1 小时前
基于 Flask 与Vue 3 及协同过滤算法的智能电影推荐系统
vue.js·python·flask·协同过滤
天天向上10241 小时前
el-table 解决一渲染数据页面就卡死
前端·javascript·vue.js
Code知行合壹1 小时前
Vue3入门
前端·javascript·vue.js
奔跑的web.2 小时前
JavaScript 对象属性遍历Object.entries Object.keys:6 种常用方法详解与对比
开发语言·前端·javascript·vue.js
Java程序员-小白2 小时前
Sa-Token过滤器引发的CORS误判问题
vue.js·elementui·axios·cors
毕设十刻2 小时前
基于Vue的酒店管理系统4yv4w(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
梦6502 小时前
Vue3 响应式原理与响应式属性 详解
前端·javascript·vue.js