解决elemet ui表格自适应高度 但是切换路由报Cannot read property XX of undefined at windowonresize错误问题

最新推荐文章于 2024-08-16 11:34:58 发布
最新推荐文章于 2024-08-16 11:34:58 发布
阅读量763 收藏 3
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sakure2210866448/article/details/104869418
版权
本文介绍了使用Element UI时遇到的表格自适应高度问题，以及在切换路由后出现的`Cannot read property XX of undefined at window.onresize`错误。通过在组件内添加导航钩子并在跳转前清空相关函数，成功解决了窗口大小改变时的报错问题。
摘要由CSDN通过智能技术生成
之前在用element ui时，需要将表格做成自适应高度的，参考了各种方案发现如下方法有效：

在对应组件中

  mounted() {
   
     this.$nextTick(function() {
   
       this.tableHeight = window.innerHeight - this.$refs
最低0.47元/天 解锁文章
SAKURE2210866448
关注
在element-ui的dialog弹框中使用echarts报错，不能出现图表TypeError: Cannot read property ‘getAttribute‘ of undefined
丑小鸭变黑天鹅的博客
09-01 2242
TypeError: Cannot read property 'getAttribute' of undefined问题描述分析原因解决办法 问题描述 最近在写一个vue项目，用的是element-ui框架，其中一个业务需求需要点击之后弹出一个dialog框，然后在这个框里进行渲染绑定的echarts。操作步骤没问题，和以往的操作一样，先是安装echarts使用 npm install echarts@4.8.0 --save 然后再main.js文件中引入并挂载到全局中 // 引入echarts im
关于Vue中使用eCharts响应容器大小的变化，出现Cannot read properties of undefined (reading ‘resize‘)的问题
qq_43210082的博客
04-08 4158
问题重现 在Vue2中学习使用eCharts时遇到了如下问题： 使用eCharts提供的resize()方法，监听图表容器的大小并改变图表大小。 我在组件中这样写： export default { name: "chart", data() { return { chart: null, }; }, methods: { initChart() { this.chart = echarts.init(document.getElementBy
el-table报错“Cannot read properties of undefined (reading ‘style‘)”解决
sinat_33255495的博客
04-18 823
今天在用 el-table 的时候遇到这样一个报错，排查了好久才找到一点眉目。
TypeError: Cannot read properties of undefined (reading ‘scrollIntoView‘)（已解决）
最新发布
不起眼小菜菜的博客
08-16 487
注释很详细，直接上代码……
权限配置导致的表格数据无法展示且报错为Cannot read properties of undefined (reading ‘edit‘)
qq_40950174的博客
06-07 1460
为了给所有按钮增加权限使用v-hasPermi进行配置，在配置完成后送测试测试，结果发现表格虽然接收到后端数据但是并不展示，打开日志发现报错，后端接口正常 报错是 Cannot read properties of undefined (reading 'edit')，所以一开始查询所有包含edit的界面并且逐一排查，但发现edit并不承接数据，只是一个字符串用来标识操作的，所以一开始没往权限上想点进报错里看也什么都看不懂所以开始看后端接口数据，但是两个数据格式参数一样，说明不是后端问题。..
使用ElementUI 报错Cannot read property ‘tableId‘ of undefined
StoneVivi的博客
03-15 2019
Cannot read property ‘tableId’ of undefined 写代码时会一不注意就会发生的的问题。使用elementUI的表格模板是会报错Cannot read property 'tableId' of undefined
Element的展示数据超过固定数之和展示...，使用js实现
卡洛背心的博客
08-28 251
列表显示限制部分内容： <el-table-column label="部门" width="160"> <template slot-scope="scope"> <el-popover trigger="hover" placement="top"> <p>{{ scope.row.title }}</p> <div slot="reference" cl
Element-UI升级后，el-table不显示 空白问题 备份包 资源备份
10-26
Element-UI是一款基于Vue.js的开源UI组件库，它提供了丰富的界面组件，如表格（el-table）、按钮、提示、下拉菜单等，极大地简化了Web前端开发过程。然而，在进行Element-UI版本升级时，可能会遇到一些兼容性或配置...
Elemet-UI 中利用穿梭框对表格列进行动态设置
weixin_43922436的博客
12-26 2116
Elemet-UI 中利用穿梭框对表格列进行动态设置 第一步 引入控件 在需要表格设置的文件下引入公共穿梭框控件 import Transfer from '../components/common/Transfer' components: { Transfer }, 在表格右上方显示 ‘共 5 条’ 的下面添加表格设置 button 并引入穿梭框控件 &amp;amp;lt;div class=&amp;quot;ta...
vue+element-ui 字体自适应不同屏幕
weixin_30814319的博客
07-17 6124
项目背景：屏幕自适应问题，当在不同分辨率的屏幕上显示页面时，页面的字体需要根据屏幕大小来自适应，想到使用rem作为字体的单位 vue-cli脚手架下的index.html中写入以下js脚本 <script> document.documentElement.style.fontSize=document.documentElement.offsetWidth/60+"p...
TypeError: Cannot read properties of undefined (reading ‘style‘) at a.reset (eval at compile
weixin_42220130的博客
06-20 2356
例如：我这边是this.$refs.slider一开始没有获取到，所以后面的.style肯定也获取不到。先打印style前面的属性看页面上有没有dom元素，有没有style属性。TypeError:无法读取未定义的属性（读取“style”）在a.reset（编译时评估。
TypeError: Cannot read properties of undefined (reading ‘row‘)原因及解决办法
和大家一起涨芝士
12-14 4161
TypeError: Cannot read properties of undefined (reading 'row')原因及解决办法
使用el-table处理数据时报错Cannot read properties of undefined (reading ‘row‘)
weixin_55698065的博客
11-29 1384
v-slot
ElementPlus的Table中的formatter报Cannot read properties of undefined (reading ‘__asyncLoader‘)
zoujiawei6的博客
06-08 6255
问题正是出在formatter方法原样返回了row，formatter如果返回了一个对象，哪怕是最简单的也会出现这个错误。
【解决datatable Uncaught TypeError: Cannot read properties of undefined (reading ‘style‘)】
qq_38791223的博客
03-08 5678
一般遇到这种问题无非这几种情况: 1、aoColumns字段里的字段列数与html标签列数不一致 2、aoColumns字段里的字段与接口返回的字段不一致 3、“aoColumnDefs”: [ { “bSortable”: false, “aTargets”: [1, 7, 9, 10] }] ，如果排序字段里设置了但是实际html标签没有这一列也会报此类错误 ...
element-ui Cannot read properties of undefined (reading ‘name‘),data中写成集合的形式
weixin_54048131的博客
03-10 259
【代码】element-ui Cannot read properties of undefined (reading ‘name‘),data中写成集合的形式。
Element 报错 Cannot read property ‘setCurrentRow‘ of undefined element
单飞吧的博客
09-10 3246
这个错误是因为你的dom元素还没有加载完，就使用了 setCheckedKeys 。 也就是你写的this.$refs.monthlyPlanTable.setCurrentRow(this.tableData[0]); 这个里面的 monthlyPlanTable还没有加载出来。 解决方案： this.$nextTick(() => { if( this.tableData.length > 0){ this.$refs.monthlyPlanTable.setCurrentRo
Vue中使用Editor,报错 Cannot read property 'scrollTo' of undefined
t595981879的博客
11-12 5837
打开ueditor下的ueditor.all.js文件中, 搜索 lastScrollY    如图 在 lastScrollY != 0 后 加上  &amp;&amp; !me 就好了,亲测有效    
vue elemet ui输入行和列生成一个table
05-01
要用Vue Element UI生成一个表格，首先需要引入Vue和Element UI库，然后创建一个Vue实例。 之后，在Vue实例中定义一个数据数组，用于存放行和列的值。然后，使用Element UI中的el-table组件生成一个表格框架。 ...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值