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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
空中海2 小时前
第七章:vue工程化与构建工具
前端·javascript·vue.js
旷世奇才李先生5 小时前
Vue3\+Vite\+Pinia实战:企业级后台管理系统完整实现(附源码)
vue.js
Cdlblbq9 小时前
搜索会员中心 创作中心Vue2项目一键打包成桌面应用
前端·javascript·vue.js·electron
A_nanda10 小时前
vue实现后端传输逐帧图像数据
前端·javascript·vue.js
当时只道寻常11 小时前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js
米丘11 小时前
Vue 3.x 单文件组件(SFC)模板编译过程解析
前端·vue.js·编译原理
米丘11 小时前
vue3.x 内置指令有哪些?
前端·vue.js
米丘11 小时前
Vue 3.x 模板编译优化:静态提升、预字符串化与 Block Tree
前端·vue.js·编译原理
空中海13 小时前
第一章:Vue 基础与模板语法
前端·javascript·vue.js
许彰午14 小时前
Spring Boot + Vue 实现 XML 动态表单:固定字段 + 自由扩展方案
xml·vue.js·spring boot