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

  • 成都双流代理记账免费申报_零申报_代理记一个月多少钱(双流代办公司)

    成都双流代理记账免费申报_零申报_代理记一个月多少钱(双流代办公司)

  • 如何做网络广告(网络广告的制作流程有哪几步)

    如何做网络广告(网络广告的制作流程有哪几步)

  • vivonex后置像素多少(vivox21后置像素)

    vivonex后置像素多少(vivox21后置像素)

  • 笔记本的记事本在哪(笔记本的记事本乱码)

    笔记本的记事本在哪(笔记本的记事本乱码)

  • 苹果边微信语音边录音(苹果边微信语音怎么录音)

    苹果边微信语音边录音(苹果边微信语音怎么录音)

  • 小米10什么时候上市(小米10什么时候支持空间音频)

    小米10什么时候上市(小米10什么时候支持空间音频)

  • 腾讯会议怎么看是不是静音的(腾讯会议怎么看参会时长)

    腾讯会议怎么看是不是静音的(腾讯会议怎么看参会时长)

  • 华为能下载两个微信吗(华为能下载两个支付宝吗)

    华为能下载两个微信吗(华为能下载两个支付宝吗)

  • 抖音被拉黑了还能搜索到对方抖音吗(抖音被拉黑了还能看到对方的直播吗)

    抖音被拉黑了还能搜索到对方抖音吗(抖音被拉黑了还能看到对方的直播吗)

  • 钉钉对方拒收你的消息是拉黑了么?(钉钉对方拒收你的消息怎么发送)

    钉钉对方拒收你的消息是拉黑了么?(钉钉对方拒收你的消息怎么发送)

  • ipad2017支持18w快充吗(ipad2017支持快充)

    ipad2017支持18w快充吗(ipad2017支持快充)

  • 小米手机忘记锁屏密码怎么办不想清除数据(小米手机忘记锁屏图案怎么办)

    小米手机忘记锁屏密码怎么办不想清除数据(小米手机忘记锁屏图案怎么办)

  • word显示未经授权产品怎么处理(word出现未经授权:word未经授权产品什么意思)

    word显示未经授权产品怎么处理(word出现未经授权:word未经授权产品什么意思)

  • 苹果11怎么添加手写键盘(苹果11怎么添加门禁卡)

    苹果11怎么添加手写键盘(苹果11怎么添加门禁卡)

  • iphone的led灯在哪里(iphone led灯)

    iphone的led灯在哪里(iphone led灯)

  • vogal00是什么型号(vog—al00是什么型号)

    vogal00是什么型号(vog—al00是什么型号)

  • ip地址一般用几位十进制(IP地址一般用几进制表示)

    ip地址一般用几位十进制(IP地址一般用几进制表示)

  • 华为悬浮图标怎么消除(华为悬浮图标怎么关闭)

    华为悬浮图标怎么消除(华为悬浮图标怎么关闭)

  • 微信群怎么查谁是群主(微信群怎么查谁拉的人员数量)

    微信群怎么查谁是群主(微信群怎么查谁拉的人员数量)

  • 金税盘锁死如何解锁(金税盘锁住了怎么办)

    金税盘锁死如何解锁(金税盘锁住了怎么办)

  • iPhone xr的前后摄像头像素是多少(苹果xr前置摄像头和后置摄像头)

    iPhone xr的前后摄像头像素是多少(苹果xr前置摄像头和后置摄像头)

  • 如何获得一个QQ邮箱(如何获得一个全数字的车牌)

    如何获得一个QQ邮箱(如何获得一个全数字的车牌)

  • cdr名片设计底纹怎么不能改色(cdr怎么制作名片背景颜色)

    cdr名片设计底纹怎么不能改色(cdr怎么制作名片背景颜色)

  • 拼多多砍0元怎么回事(拼多多砍零元是怎么回事)

    拼多多砍0元怎么回事(拼多多砍零元是怎么回事)

  • filezilla无法连接到服务器(filezilla无法连接到服务器linux)

    filezilla无法连接到服务器(filezilla无法连接到服务器linux)

  • macOS big sur导入项目中的照片怎么批量删除?(macos big sur将安装在macintosh hd)

    macOS big sur导入项目中的照片怎么批量删除?(macos big sur将安装在macintosh hd)

  • bert-bilstm-crf提升NER模型效果的方法(bert数据增强)

    bert-bilstm-crf提升NER模型效果的方法(bert数据增强)

  • 进项税转出的会计凭证
  • 怎么算固定资产
  • 二手房交易税费2023新规定
  • 小规模纳税人的企业所得税税率
  • 个体户定额多少不用交税
  • 期初是什么
  • 公户购买理财怎么做账
  • 新公司注册资金需要实缴吗
  • 外币折算会计处理例题
  • 事业单位跨年度错账调整
  • 增值税即征即退会计处理
  • 服务费公司的账务处理
  • 旅游业开票问题总结二
  • 小规模纳税人咨询服务费的税率是多少
  • 对境外支付佣金的规定
  • 公司对外投资的规定
  • 企业捐赠扣除
  • 合同税率16%调整到13%怎么算
  • 工程劳务公司的生产销售情况分析
  • 收到质量赔偿款从总账做账可以
  • 样品送出,不收款怎么做账?
  • 关于linux说法错误的是
  • 应收票据的贴现利息应计入
  • 企业免征增值税证明怎么打印
  • windows缺失
  • 事业单位收到拨款怎么办
  • PHP:Memcached::prependByKey()的用法_Memcached类
  • 财政应返还额度是什么意思?
  • wordpress优化加快的好多个关键点
  • php类和对象
  • macos10.15.7补充更新
  • php getheader
  • 认缴制注册资金不交可以吗
  • mac vue搭建本地环境
  • 已缴款未入库是扣款成功了吗
  • vue解决跨域的几种办法
  • 专利申请费用能计入无形资产吗
  • 报废车怎么上路
  • 税前扣除是什么时候
  • 体育用品账务处理
  • 织梦cms为什么不维护了
  • 受托机构名称填什么
  • 增值税为什么不在利润表里体现
  • 财务软件期末处理
  • 想买微波炉
  • 企业研发费用率怎么算
  • 结构性存款是什么意思是理财
  • 当月没生产有生产费用怎么结转
  • 简述账套管理的主要内容
  • 房地产行业人工成本占比
  • 产品销售成本计算表
  • 私营企业固定资产法律制度
  • java连接mysql数据库教程
  • win10下mysql 5.7.17 zip压缩包版安装教程
  • win10周年更新版是什么意思
  • Win7旗舰版系统安装
  • win7鼠标右键没有压缩文件
  • lumia1020手机
  • linux命令i
  • pax是什么文件
  • 多文件操作
  • 微信小程序实现微信支付
  • 问题少年特训学校
  • Android屏幕外侧滑条
  • Node.js中的核心模块包括哪些内容?
  • css图片样式网站
  • python3m
  • javascript数据
  • androidstudio 教程
  • bat脚本%1
  • nodejs示例
  • 安全的代码
  • 电脑兼容ie
  • java教程 视
  • 黄南同仁县海拔多少米
  • 河南十大纳税公司
  • 扬州国家税务学院在哪个区
  • 成立税务师事务所一定要执业会员吗
  • 事业单位录用备案表审核快吗
  • 国家税务总局税收违法行为检举管理办法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设