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

  • 公益性捐赠税前扣除资格有效期
  • 税务师考试需要记忆的税率
  • 不确认销售收入结转销售成本
  • 增值税专用发票有效期是多长时间
  • 无发票入账违反哪条法律
  • 累计扣税法什么时候实行的
  • 减免税属于政府转移支付吗
  • 增值税税控系统技术维护费怎么抵扣
  • 离职补偿金入账
  • 代订机票被骗可以追回吗
  • 科技公司增值税率是多少
  • 外汇结款怎么办理
  • 主营业务收入包括哪些内容
  • 免费的企业
  • 产权交易所怎么赚钱
  • 广告制作费有哪些项目
  • 临时工工资个税怎么算
  • 水利建设专项收入怎么计算
  • 知识产权代理公司怎么盈利
  • 自营出口与委托代理哪个划算
  • 增值税专用发票查询系统官方网站
  • 其他应收款对应的会计科目
  • 静态回收期计算方法例子
  • 企业债卷利息收入是营业收入吗
  • 反映企业在一定会计期间经营成果的会计报表
  • 苹果macbook 系统
  • 劳务报酬必须要和工资申报吗
  • appdata文件夹可以改名吗
  • 深度科技win10
  • 小规模纳税人按季度申报
  • 表单校验html5
  • linux编译安装php扩展命令
  • 库存现金要设置明细科目吗
  • php框架介绍
  • 细说php
  • 科目余额表平了但资产负债表不平
  • 浪漫编程代码
  • 计提社保会计分录金额怎么写
  • linux mput命令
  • 大屏制作教程视频
  • wordpress修改数据库
  • 当月增加的固定资产当月不计提折旧
  • 发票收到款项未付做什么凭证编制
  • 网购会计如何确认成本
  • 企业自查补税怎么报税
  • 税务师工作年限证明材料
  • 税金及附加的科目核算有哪些
  • 公转私户违法吗
  • 文化事业建设费减免政策
  • 平均资产总额与资产总额的关系
  • 核定征收怎么收
  • 内含增长率简易公式如何理解
  • 工人发生工伤的责任划分
  • 生产质量问题报告
  • 财务的材质怎么写
  • 企业用地手续办理流程
  • 企业购买黄金该交什么税
  • 银行对公账户季度
  • 餐饮服务的监管由哪个部门负责
  • 每月发票认证时间
  • 子公司的财务管理方法
  • 哪些资产减值可以转回哪些不可转回
  • sql server触发器实验
  • windows update要禁用吗
  • windowsserver2008密码规则
  • linux虚拟机基本操作
  • windows共享文件夹端口号
  • ubuntu rhythmbox乱码解决方法
  • mac ds_store
  • uploadify文件上传
  • linux pymol
  • threejs 源码
  • linux命令统计
  • javascript随机生成数字
  • 基于unity的游戏开发
  • jquery函数大全
  • javascript原理详解
  • 天津税务局投诉举报咨询电话
  • 法治税务宣传标语
  • 年度汇算清缴计算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设