技术栈

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

有一个好名字2024-11-21 0:31

问题

解决

两种方式,

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

  1. 第二种方式就是用v-if的方式,当有值的时候才去取值。
上一篇:<项目代码>YOLOv8 草莓成熟识别<目标检测>
下一篇:图像编辑一些概念:Image Reconstruction与Image Re-generation
相关推荐
宿674
4 小时前
tsconfig.node.json
前端·javascript·vue.js
lllsure
6 小时前
Vue&React Router
前端·vue.js·react.js
踩着两条虫
1 天前
VTJ.PRO AI Agent 技术白皮书
前端·vue.js·低代码
java1234_小锋
1 天前
Vue3专题 - 列表渲染
vue.js
小锋java1234
1 天前
【技术专题】Vue3 - 列表渲染
vue.js·vite
zho_uzhou
1 天前
ubuntu服务端运行vue网页步骤
linux·服务器·vue.js·ubuntu
滴滴答答哒
2 天前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js
其美杰布-富贵-李
2 天前
04 watch 与 Vue 响应式数据流
前端·javascript·vue.js
其美杰布-富贵-李
2 天前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
嘟嘟0717
2 天前
useRef + Web Worker:React 中的耗时计算不卡页面
javascript·vue.js
热门推荐
01如何新建文件夹? 电脑新建文件夹的4种方法02GitHub 镜像站点03国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)042026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?05微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新06AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路07Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费082026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片09历年考研数学一、数学二、数学三真题试卷及答案PDF1000 Debian字符界面如何支持中文