位置: 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电脑下载的软件桌面没有图标怎么办)

  • 账本印花税的计税依据
  • 小规模纳税人纳税申报时间
  • 扣缴义务人和纳税人举例
  • 企业注销,账面余额怎样调账
  • 长期待摊费用摊销会计分录
  • 加计抵扣进项税进营业外收入
  • 管理费用科目代码
  • 金融企业往来收入是指
  • 应收票据的会计分录例题
  • 固定资产盘亏是营业外支出吗
  • 加工样品全流程总结
  • 会计学中管理费用属于什么
  • 工程项目增值税税率
  • 对非本单位的营销方案
  • 营改增后常用发票报销的种类有哪些呢?
  • 房地产企业内部查账查什么
  • 租车补贴记入工资的会计处理怎么做?
  • 计算房产税时容积率怎么算
  • 生产车间员工体检费怎么入账
  • 代开的专票开错了怎么办?
  • 小规模纳税人应纳税额减征额怎么算
  • 最优五种个人捐赠方式税务比较?
  • 递延所得税怎么计提
  • 委托代销商品委托方发出商品的分录
  • 发出商品发生损失
  • 印花税的缴纳方式包括
  • 车间整改的目的
  • 怎么跟银行谈停息挂账
  • 原材料盘亏计入
  • 苹果官网入口
  • 租赁的车间改造的会计分录
  • 采用销售百分比法预测对外
  • 增值税普通发票和专用发票有什么区别
  • uniapp仿微信
  • 债务重组收益的计算
  • laravel enum
  • laravel视频教程
  • php curl_exec
  • html调查问卷简单代码
  • println参数
  • uniapp支付宝支付开发
  • 营业外收入需要报增值税吗
  • 帝国cms真的很好用
  • 借款合同按什么缴纳印花税
  • 深入理解jvm第三版pdf百度云
  • 普通的增值税
  • 框架合同的印花税
  • sqlserver2008导出表结构和表数据
  • 经营性存款人罚款
  • 销售送客户礼物
  • 一般纳税人购入不动产增值税税率
  • 借银行存款贷预收账款是哪个凭证
  • 技术转让费如何收取合理
  • 高新企业账目有什么不同
  • 扫描仪有危害吗
  • 公司缴纳个人所得税有什么用
  • 预付账款余额在贷方为
  • 本月购进金额怎么算
  • 什么经营范围可以开推广服务费
  • 背书转让为什么记应收票据
  • 公司提前扣员工保险合法吗
  • 营业外支出的性质
  • 冲销以前年度多计提的折旧
  • 注册表修改数据
  • ie标签页
  • 如何将苹果手机复制
  • solaris11.4安装教程
  • Win10任务栏天气怎么关闭
  • Unable to execute dex: Multiple dex files define Lorg/cocos2dx/lib/Cocos2dxAccelerometer
  • vue-cal
  • js初级教程
  • js div拖动
  • javascript Slip.js实现整屏滑动的手机网页
  • 怎么用python播放音乐
  • 公司税务电子发票怎么开
  • 包装物押金收入含税吗
  • 湖北国税办税人是谁
  • 北京第三税务所咨询电话
  • 两江新区两江大道航空航天产业园
  • 杭州金税盘客服电话是多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设