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

  • 简易征收办法征税货物销售额
  • 小规模要交增值税怎么计提
  • 税务师考试考几门几年考完
  • 注册会计师税法真题
  • 一般纳税人机电安装服务费税率是多少
  • 期初存货中固定制造费用
  • 债券到期账务处理
  • 借已交税金贷银行存款
  • 办公室空调维修报告
  • 小规模纳税人未开票收入填在哪里
  • 免抵退税办法不得抵扣的进项税额包含了什么业务
  • 应收账款占用资金的应计利息公式
  • 房屋预售交款怎么交
  • 本年利润,利润分配
  • 收到的货款与发票数不符,怎么做账
  • 有限合伙企业收益分配
  • 增值税计提金额
  • 税局代个人开增值税专票
  • 混合销售行为如何缴纳消费税
  • 所得税费用什么时候结转到本年利润
  • 个人消费索要公司的钱
  • 失业保险费退还计入什么科目
  • 原材料入账价值合理损耗
  • 增值税专用发票校验码是哪个位置
  • 企业报税提交清算了怎么撤销
  • 欠发工资如何赔偿
  • 担保贷款造成的损失可以税前扣除吗?
  • 王者荣耀中如何隐藏贵族标志
  • 旅游开发公司税率
  • 个人所得税住房租金可以扣多少
  • php4位数的随机字符
  • 在建工程明细科目分不开怎么办
  • 免抵退税的账务处理
  • 向国外个人支付的佣金是否缴纳个人所得税
  • 公交车停车场收费吗
  • 双色球python算法
  • 销售自己使用过的固定资产
  • 劳务费可以抵扣进项吗
  • 资产负债表应交税费计算公式
  • php面向对象优点,缺点
  • 大前端技术
  • css3两种调整背景图片大小的方式
  • 公司主营业务和经营范围的区别
  • 社保公司承担部分怎么做账
  • 分公司可以独立开票吗
  • 出纳开的收据找不到了怎么办
  • Transactional replication(事务复制)详解之如何跳过一个事务
  • 营业收入净额是销售收入净额吗
  • 金税四期可以查香港银行卡吗
  • 个税填在资产负债表哪个地方
  • 受托代销的含义
  • 现金流量少
  • 网上购物没有发票
  • 外资企业所得税优惠政策
  • 没进项发票开销项发票可以吗?
  • 代销货物收取手续费计入
  • 民办学校学费收入
  • 脚手架租赁费发票内容开劳务可以吗
  • sql查询生成器
  • 分页式存储管理代码
  • mysql 5.6 从陌生到熟练之_数据库备份恢复的实现方法
  • win7系统怎么设置开机启动项
  • win7开机chkdsk
  • 铁嘴王指什么动物
  • opengl颜色混合模式
  • linux安装xen
  • shell脚本读取ini文件
  • 批处理语言 从入门到精通
  • perl常用函数
  • nodejs跳转到指定页面
  • 从零基础开始
  • unity3d2019教程
  • 使用灭火器时要对准火焰的什么部位喷射
  • 公司信用等级b级是什么意思
  • 什么叫党员双报到
  • 河北省职称证书电子版
  • 志愿者开展活动后存在的问题
  • 异地车如何查车主信息
  • 苏州税务系统
  • 从事货物批发或零售的纳税人
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设