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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
码喽7号3 小时前
Vue学习七:MockJs前端数据模拟
前端·vue.js·学习
RONIN5 小时前
VUE开发环境配置基础(构建工具→单文件组件SFC→css预处理器sass→eslint)及安装脚手架
vue.js
RONIN6 小时前
vue2、vue3区别之混入mixins和过滤器filter
vue.js
RONIN6 小时前
属性透传attribute、vue实例对象方法$nextTick()、虚拟dom与浏览器渲染机制
vue.js
RONIN6 小时前
vue自定义指令与自定义插件
vue.js
RONIN6 小时前
属性透传attribute与性能优化组件(component、异步组件、keep-alive/Suspense/Teleport/Transition)
vue.js
RONIN7 小时前
组件通讯(父传子、子传父、ref属性、表单双向绑定v-model、兄弟间传值Event Bus、插槽、依赖注入)
vue.js
RONIN7 小时前
vue组件、组件生命周期、组件分离模块化
前端·vue.js
RONIN7 小时前
vue开发环境与基础语法、计算属性、侦听属性
前端·vue.js
只会写Bug9 小时前
后台管理项目中关于新增、编辑弹框使用的另一种展示形式
前端·vue.js