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

vue3 Uncaught (in promise) TypeError: Cannot read properties of undefined 其实是解构赋值的问题

先看张图,好生奇怪,使用了v-for循环之后突然报错了。
在这里插入图片描述
在vue3中当我们用到了解构赋值配合reactive toRefs 方式渲染页面时,报错Uncaught (in promise) TypeError: Cannot read properties of undefined
在这里插入图片描述
在这里插入图片描述
发现打印也是有值的,并且赋值成功,唯独在渲染页面的时候报错。
在这里插入图片描述

其实就是 …解构赋值的问题。
因为已经解构过了,我们的渲染层级就不用再用最外层,直接找到我们解构要渲染的那层代替结构层。
在这里插入图片描述
分析也就是我们初始化定义了一个对象,解构了他,直接渲染他的孩子就好了
在这里插入图片描述

解决了。

相关文章:

  • __new__方法
  • 动态样式绑定--style 和 class
  • Java多线程之Lock的使用(一)
  • vue项目 移动端 实现购物车功能
  • 火柴棒等式(2008年NOIP全国联赛提高组)
  • 如何用几何画板动态演示电饭锅工作原理
  • git 撤回 (git版本回退处理)
  • 好用的开发工具
  • 前端 重写 toFixed 方法并封装(不采用银行家算法返回正常数字类型)
  • Oracle死锁
  • 项目中new Promise和async、await中的使用,以及promise.all在项目中的实际应用
  • Android开发学习——ListView+BaseAdapter的使用
  • react 项目商城中,显示或者隐藏组件(锚点)
  • Java 线程池
  • react this.setState接收参数 。写成Promise形式。以及async/await和Promise的区别
  • RedisSerializer之JdkSerializationRedisSerializer分析
  • TypeScript迭代器
  • vue-router 实现分析
  • zookeeper系列(七)实战分布式命名服务
  • 程序员该如何有效的找工作?
  • 检测对象或数组
  • ​云纳万物 · 数皆有言|2021 七牛云战略发布会启幕,邀您赴约
  • #pragma multi_compile #pragma shader_feature
  • (03)光刻——半导体电路的绘制
  • (13)Latex:基于ΤΕΧ的自动排版系统——写论文必备
  • (C语言)二分查找 超详细
  • (NSDate) 时间 (time )比较
  • (简单) HDU 2612 Find a way,BFS。
  • (十三)Maven插件解析运行机制
  • (转)拼包函数及网络封包的异常处理(含代码)
  • 、写入Shellcode到注册表上线
  • ... fatal error LINK1120:1个无法解析的外部命令 的解决办法
  • .Net 6.0 处理跨域的方式
  • .Net Core和.Net Standard直观理解
  • .NET 的静态构造函数是否线程安全?答案是肯定的!
  • .NET 跨平台图形库 SkiaSharp 基础应用
  • /usr/bin/env: node: No such file or directory
  • @reference注解_Dubbo配置参考手册之dubbo:reference
  • [3D基础]理解计算机3D图形学中的坐标系变换
  • [ABP实战开源项目]---ABP实时服务-通知系统.发布模式
  • [BT]BUUCTF刷题第4天(3.22)
  • [C#] 我的log4net使用手册
  • [C#]猫叫人醒老鼠跑 C#的委托及事件
  • [CSS]文字旁边的竖线以及布局知识
  • [Docker]三.Docker 部署nginx,以及映射端口,挂载数据卷
  • [ffmpeg] av_opt_set 解析
  • [hdu 3065] 病毒侵袭持续中 [AC自动机] [病毒特征码匹配]
  • [IE编程] IE8的SDK 下载
  • [leetcode 数位计算]2520. 统计能整除数字的位数
  • [Linux]history 显示命令执行的时间
  • [Linux]进程创建➕进程终止
  • [Linux打怪升级之路]-信号的保存和递达
  • [OC]UILabel 文字长的截断方式
  • [office] excel中weekday函数的使用方法 #学习方法#微信#媒体
  • [python] logging输出到控制台(标准输出)