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

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
相关推荐
吹牛不交税11 小时前
admin.net-v2 框架使用笔记-netcore8.0/10.0版
vue.js·.netcore
MZ_ZXD00112 小时前
springboot旅游信息管理系统-计算机毕业设计源码21675
java·c++·vue.js·spring boot·python·django·php
_codemonster14 小时前
Vue的三种使用方式对比
前端·javascript·vue.js
wqq631085517 小时前
Python基于Vue的实验室管理系统 django flask pycharm
vue.js·python·django
Deng94520131417 小时前
Vue + Flask 前后端分离项目实战:从零搭建一个完整博客系统
前端·vue.js·flask
Hello.Reader17 小时前
Flink 文件系统通用配置默认文件系统与连接数限制实战
vue.js·flink·npm
EchoEcho19 小时前
深入理解 Vue.js 渲染机制:从声明式到虚拟 DOM 的完整实现
vue.js
C澒19 小时前
Vue 项目渐进式迁移 React:组件库接入与跨框架协同技术方案
前端·vue.js·react.js·架构·系统架构
发现一只大呆瓜21 小时前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
鱼毓屿御21 小时前
如何给用户添加权限
前端·javascript·vue.js