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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
Hello--_--World5 小时前
Vue2的 双端 diff算法 与 Vue3 的 快速diff 算法
前端·vue.js·算法
gongzemin5 小时前
怎么在VS Code 调试vue2 源码
前端·vue.js
烟话65 小时前
Vue3响应式原理【通俗理解】
前端·javascript·vue.js
军军君016 小时前
数字孪生监控大屏实战模板:可视化数字统计展示
前端·javascript·vue.js·typescript·echarts·数字孪生·前端大屏
踩着两条虫6 小时前
VTJ.PRO AI + 低代码实战:接入高德地图
前端·vue.js·ai编程
xiaotao1317 小时前
Vite 与 Webpack 开发/打包时环境变量对比
前端·vue.js·webpack
前端摸鱼匠8 小时前
Vue 3 的defineProps编译器宏:详解<script setup>中defineProps的使用
前端·javascript·vue.js·前端框架·ecmascript
天外天-亮8 小时前
Vue2.0 + jsmind:开发思维导图
javascript·vue.js·jsmind
挖稀泥的工人8 小时前
能够插入 DOM 的输入框
前端·javascript·vue.js
没有故事、有酒8 小时前
Vue2中el-table修改表头高度和行高
javascript·vue.js·elementui