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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
wendycwb9 小时前
前端城市地址根据最后一级倒推,获取各层级id的方法
前端·vue.js·typescript
终端鹿10 小时前
Vue3 模板引用 (ref):操作 DOM 与子组件实例 从入门到精通
前端·javascript·vue.js
蜡台11 小时前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
Arya_aa14 小时前
网络:前端向后端发送网络请求渲染在页面上,将EasyMock中的信息用前端vue框架编写代码,最终展示在浏览器
前端·vue.js
timi先生15 小时前
语料库全栈项目部署 (Vue + Java + CQPweb)
java·前端·vue.js
雨雨雨雨雨别下啦16 小时前
Vue3——RabbitShopping
前端·javascript·vue.js
苏琢玉17 小时前
Go + Vue 打包成一个单二进制的后台系统,我做了个后台脚手架
vue.js·golang
终端鹿17 小时前
Suspense 异步组件与懒加载实战
前端·vue.js
晨枫阳17 小时前
前端项目部署与问题解决
javascript·vue.js·ecmascript
程序员小李白19 小时前
vue题目
前端·javascript·vue.js