当前位置: 首页 > news >正文

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

问题

在这里插入图片描述

解决

两种方式,
1.可选链,例如获取 g o o d s . c a t e g o r i e s [ 1 ] . i d 时候不要直接写,因为若 g o o d s 为空的话,后面的 c a t e g o r i e s 就是 u n d i f i n e d ,而 u n d i f i n e d 是没法取 [ 0 ] 这种值的,因此可以用可选链的方式, {goods.categories[1].id}时候不要直接写,因为若goods为空的话,后面的categories就是undifined,而undifined是没法取[0]这种值的,因此可以用可选链的方式, goods.categories[1].id时候不要直接写,因为若goods为空的话,后面的categories就是undifined,而undifined是没法取[0]这种值的,因此可以用可选链的方式,{goods.categories?.[1].id} 在取[1]之前先?一下,若categories有值,然后才再去取值,即 .[1]。注意别忘了点
2. 第二种方式就是用v-if的方式,当有值的时候才去取值。
在这里插入图片描述


http://www.mrgr.cn/news/75280.html

相关文章:

  • Word VBA如何间隔选中多个(非连续)段落
  • SCUI Admin + Laravel 整合
  • Swagger enum 最佳实践:深度剖析与应用指南
  • oneplus3t-lineageos-16.1编译-android9
  • 迁移学习相关基础
  • RabbitMq项目实战--延迟队列实现超时订单处理
  • 【MYSQL】主从复制机制(图解)
  • HarmonyOS下的后台进程管理机制
  • 计算机毕业设计Python+大模型农产品推荐系统 农产品爬虫 农产品商城 农产品大数据 农产品数据分析可视化 PySpark Hadoop
  • Redis 高并发缓存架构实战与性能优化
  • Android 6年经验面试总结 2024.11.15
  • 如何绑定洛谷账号
  • pip install pyaudio安装报错ERROR: Failed building wheel for pyaudio解决
  • 【Nginx】反向代理Https时相关参数:
  • Java函数式编程学习笔记
  • 子网划分学习
  • JVM详解:类的加载过程
  • 2023_Spark_实验十五:SparkSQL进阶操作
  • SpringCloud Gateway网关路由配置 接口统一 登录验证 权限校验 路由属性
  • 日志:中文 URI 参数乱码之 encodeURI、encodeURIComponent、escape 作为 Ajax 中文参数编码给 ASP 的记录
  • 爆肝线程池底层源码,高并发精进之路!
  • 相交链表
  • 曹操为什么总是亲征
  • 1050 String Subtraction (20)
  • C++笔记
  • 多模态大模型(2)--BLIP