位置: IT常识 - 正文

前端解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)的多种情况(前端解决页面加载白屏)

编辑:rootadmin
前端解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)的多种情况 问题描述:控制台报错“TypeError: Cannot read properties of undefined (reading ‘xxx‘)“

推荐整理分享前端解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)的多种情况(前端解决页面加载白屏),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端解决跨域的三种方法,前端解决跨域问题的8种方案(最新最全),前端解决跨域的几种办法,前端解决浏览器兼容问题,前端解决跨域,前端解决跨域问题的8种方案(最新最全),前端解决跨域的三种方法,前端解决跨域问题的8种方案(最新最全),内容如对您有帮助,希望把文章链接给更多的朋友!

例如:TypeError: Cannot read properties of undefined (reading '$el')     at eval

原因分析及解决

情况一: 出现该错误的原因是因为你花括号中的某些属性未定义。极大可能是因为你写错了属性名称

前端解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)的多种情况(前端解决页面加载白屏)

情况二: 异步请求获取数据时,由于数据时异步获取的,所以一开始是没有该数据属性,这种情况下也会报这种错误。比如说我这里有一个数据tableData,初始值为一个空对象。我们在使用{{tableData.detail}}是不会报错的,但如果是{{tableData.detail.name}}这样就会报错了,这是为什么呢? 因为,tableData.detail已经是一个undefined了,你undefined.name就肯定会报错了。 所以在初始化时,detail属性赋值为空对象就行了。

情况三:

后端返回给你的数据没有这个属性 或者 返回的有的有数据有的是null

这个时候需要先查一下,可以加v-if进行判断

情况四:

使用$nextTick,刷新表格的时候,表格未自定义属性,或自定义属性引用错了(因为方法是现成复制过来的找了老半天,坑!)

<template>// 起初没有定义ref="multipleTable" <el-table ref="multipleTable" :data="tableData" style="width: 100%" :header-cell-style="{ background: '#f5f7fa' }"> </el-table></template> methods: { getData() { let params = { ...this.queryFrom } params.pageNo = params.pageNo.toString() params.pageSize = params.pageSize.toString() getSettlementOrder(params).then(res => { this.tableData = res.result.data || [] // 在数据更新后执行刷新表格 this.$nextTick(() => { // myTable是表格的ref属性值 if (this.$refs.multipleTable && this.$refs.multipleTable.doLayout) { this.$refs.multipleTable.doLayout(); } }) this.total = res.result.total || 0 this.tabHeight = window.innerHeight - this.$refs.multipleTable.$el.offsetTop - 170; }) },
本文链接地址:https://www.jiuchutong.com/zhishi/267547.html 转载请保留说明!

上一篇:win10怎么恢复被卸载的自带记事本? win10恢复自带应用的技巧(win10怎么恢复被系统删除的文件)

下一篇:Win11电脑下载的文件被自动删除怎么办(win11电脑下载的软件桌面没有图标怎么办)

  • 小米运动怎么同步到微信运动

    小米运动怎么同步到微信运动

  • 抖音怎么不看某个人的作品(抖音怎么不看某个朋友的推荐)

    抖音怎么不看某个人的作品(抖音怎么不看某个朋友的推荐)

  • 咸鱼里面的曝光是什么意思(咸鱼里面曝光啥意思)

    咸鱼里面的曝光是什么意思(咸鱼里面曝光啥意思)

  • 苹果11微信怎么变成黑色(苹果11微信怎么截长屏截图)

    苹果11微信怎么变成黑色(苹果11微信怎么截长屏截图)

  • 不上抖音定位会更新吗(抖音不开定位影响浏览量吗)

    不上抖音定位会更新吗(抖音不开定位影响浏览量吗)

  • oppo连接苹果11热点超时(oppo连接苹果热点)

    oppo连接苹果11热点超时(oppo连接苹果热点)

  • nova7se是5g吗(nova7SE是5G吗)

    nova7se是5g吗(nova7SE是5G吗)

  • 手机像素不清晰怎么办(手机像素不清晰怎么回事)

    手机像素不清晰怎么办(手机像素不清晰怎么回事)

  • 抖音生鲜类目为什么被移除(抖音生鲜类目定向招商)

    抖音生鲜类目为什么被移除(抖音生鲜类目定向招商)

  • 得物上买东西多久能到(得物买东西多久自动确认收货)

    得物上买东西多久能到(得物买东西多久自动确认收货)

  • 微信怎么打出柴犬表情(微信怎么打出来)

    微信怎么打出柴犬表情(微信怎么打出来)

  • 怎么找到没保存的ppt(怎么找到没保存的群)

    怎么找到没保存的ppt(怎么找到没保存的群)

  • iphonex屏幕漏液怎么修(屏幕漏液的苹果x值多少钱)

    iphonex屏幕漏液怎么修(屏幕漏液的苹果x值多少钱)

  • 手机上显示圆圈是什么意思(手机上显示圆圈是怎么回事)

    手机上显示圆圈是什么意思(手机上显示圆圈是怎么回事)

  • 怎么在淘宝购物(怎么在淘宝购物买东西)

    怎么在淘宝购物(怎么在淘宝购物买东西)

  • 苹果11手机夜拍怎么用(苹果手机夜拍灯光五光射线)

    苹果11手机夜拍怎么用(苹果手机夜拍灯光五光射线)

  • 华为mate30pro5g什么时候预售(华为mate30pro5g什么屏幕)

    华为mate30pro5g什么时候预售(华为mate30pro5g什么屏幕)

  • 闹钟不关会一直响吗(闹钟不关会一直响几次)

    闹钟不关会一直响吗(闹钟不关会一直响几次)

  • 华为手机怎么关闭hd高清通话(华为手机怎么关闭运行的程序)

    华为手机怎么关闭hd高清通话(华为手机怎么关闭运行的程序)

  • 华为手机休眠设置不了(华为手机休眠设置变灰)

    华为手机休眠设置不了(华为手机休眠设置变灰)

  • Win10自带的照片应用无法打开(win10自带的照片查看器)

    Win10自带的照片应用无法打开(win10自带的照片查看器)

  • 怎么将电脑硬盘模式修改为ahci模式(怎么将电脑硬盘做成移动硬盘)

    怎么将电脑硬盘模式修改为ahci模式(怎么将电脑硬盘做成移动硬盘)

  • 关于uniapp和Vue的生命周期(uniapp和mpvue比较)

    关于uniapp和Vue的生命周期(uniapp和mpvue比较)

  • 学习Vue过程中遇到的问题---code: 'MODULE_NOT_FOUND'(vue遇到的问题和解决方法)

    学习Vue过程中遇到的问题---code: 'MODULE_NOT_FOUND'(vue遇到的问题和解决方法)

  • 关税及贸易总协定成立时间
  • 什么是非限制
  • 银行回单日期晚于做账日期
  • 企业发票专用章使用涉及的审批流程
  • 验资资金转出如何做账
  • 一次还本付息债券到期收益率
  • 退货后发票还能拿去抵税吗
  • 过了征期还能报税吗
  • 小规模纳税人开票要交印花税吗
  • 过渡费交税吗
  • 堤围费是什么意思
  • 河道工程维护管理费征收
  • 公司房租可以抵多少税
  • 非货币性资产交换准则
  • 金融性负债总额是什么
  • 在建工程科目的借方余额表示
  • 公司给另外一家公司投资
  • win11如何连接网址
  • 购入的财务软件怎么入账
  • 去年年终奖
  • 安防监控利润怎么样
  • 对公账户信息补录
  • 企业合并收购,对员工的机会和挑战
  • 零售环节的金银首饰需征收增值税吗
  • wrme.exe是什么
  • 融资租入资产的入账价值可能是()
  • 供热企业税收优惠政策
  • vue 使用高德地图
  • 科罗拉多州位置
  • 增值税及附加税是什么意思
  • laravel 5.1下php artisan migrate的使用注意事项总结
  • 待摊费用和预付账款的区别是什么
  • php+jQuery+Ajax简单实现页面异步刷新
  • 再次回归的成语
  • webserviceclient
  • python中有很多包管理工具
  • 填写发票票种核实怎么填
  • 企业所得税申报表资产总额怎么填
  • 保险公司工伤怎么赔付
  • 免税普票要交企业所得税吗
  • 营业收入的构成分析应该从哪些方面进行?
  • 起征点和免征额都是税收优惠形式
  • 未开票收入如何计提增值税
  • 商务费用报销的工作步骤
  • 税控盘 减免
  • 法人可以是办税人员吗
  • 单位发给职工的餐费补贴我变卖了违法吗?
  • 应收账款如何做平
  • 公司购买银行理财产品收益交什么税
  • 超过诉讼时效的法律后果
  • 手写账目表格怎么做
  • 什么情况会影响到征信
  • 一次性付款的优势
  • 过滤重复字符串
  • SQL Server的通用分页存储过程 未使用游标,速度更快!
  • mysql常见报错
  • windows无法启动wlanautoconfig
  • 苹果mac怎么清理缓存
  • wsinspector.exe是什么进程
  • 苹果机的mac地址
  • centos搭建服务器
  • win8.1开机自启项目在哪里
  • windows10 正式版
  • jquery弹出框样式大全
  • unity3ds
  • jquery使用jsonp
  • Python安装教程windous7
  • vue异步加载第三方库
  • AngularJs ng-change事件/指令的用法小结
  • 我的自定义计划怎么删除
  • python2与python3的区别
  • js校验姓名
  • 分享面试流程
  • android中toast用法
  • 内蒙古税务局发票认证
  • 从事农业种植是干什么的
  • 国家税务总局可以设定行政处罚吗
  • 2021河南省中考英语听力音频
  • 一般纳税人企业是什么意思
  • 国税工作人员工资标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设