Element 报错 Cannot read property ‘setCurrentRow‘ of undefined element

女爷i 2022-12-05 13:48 179阅读 0赞

这个错误是因为你的dom元素还没有加载完，就使用了 setCheckedKeys 。  
也就是你写的this.$refs.monthlyPlanTable.setCurrentRow(this.tableData\[0\]); 这个里面的 monthlyPlanTable还没有加载出来。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY0MDMyMw_size_16_color_FFFFFF_t_70_pic_center]

解决方案：

this.$nextTick(() => { 
        if( this.tableData.length > 0){ 
    		this.$refs.monthlyPlanTable.setCurrentRow(this.tableData[0])
    	}
    });

（1）Vue.nextTick(\[callback, context\]) [查看官网][Link 1]

用法：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。

（2）vm.$nextTick(\[callback\]) [查看官网][Link 2]  
用法：将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY0MDMyMw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/5d08a6fec9114f788140e19f1cc364cb.png
[Link 1]: https://cn.vuejs.org/v2/api/#Vue-nextTick
[Link 2]: https://cn.vuejs.org/v2/api/#vm-nextTick

发表评论取消回复

表情：

评论列表（有 0 条评论，179人围观）

还没有评论，来说两句吧...

相关阅读

相关【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)

一、报错内容在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (readin

曾经终败给现在/ 2024年02月17日 11:35/ 0 赞/ 76 阅读

相关 Vue 报错：Cannot read property ‘validate‘ of undefined“

有时候用了报错，有时候不报错，一直不晓得原因，现在终于是弄懂了 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

我会带着你远行/ 2023年08月17日 16:01/ 0 赞/ 151 阅读

相关 vue3.0+element 报Cannot read property ‘prototype‘ of undefined

> 写太多vue2.0项目了，3.0都出来这么长时间了，我还没用过，今天初体验一番。（之前都是听说坑很多，今天也遇到一个）防止旧版本脚手架影响项目，我先卸载老的

灰太狼/ 2023年01月03日 01:23/ 0 赞/ 159 阅读

相关 TypeError: Cannot read property ‘cancelToken‘ of undefined axios报错

axios写拦截器记得传入config，然后返回config。 instance.interceptors.[request|response].use(config

川长思鸟来/ 2022年12月15日 11:24/ 0 赞/ 247 阅读

相关 Angular报错 Cannot read property ‘xxx‘ of undefined

<div class="col-md-10"> <label>联系人地址：</label> <span>

素颜马尾好姑娘i/ 2022年12月09日 15:55/ 0 赞/ 228 阅读

相关 Element 报错 Cannot read property ‘setCurrentRow‘ of undefined element

这个错误是因为你的dom元素还没有加载完，就使用了 setCheckedKeys 。也就是你写的this.$refs.monthlyPlanTable.setCurren

女爷i/ 2022年12月05日 13:48/ 0 赞/ 180 阅读

相关 “Cannot read property ‘length‘ of undefined“报错处理

vue的数据绑定在刚开始只是和内存建立联系，并没有真正的和后台的数据挂上钩，所以一开始的val.data只是一个空值，必须在之前加个if判断，确保有值以后再开始计算length

妖狐艹你老母/ 2022年09月09日 01:52/ 0 赞/ 168 阅读

相关 echarts报错Cannot read property ‘init‘ of undefined

解决办法：需要在导入包的时候添加上 \ as 即可： import as echarts from 'echarts'; ![在这里插入图片描述][wate

雨点打透心脏的1/2处/ 2022年09月01日 09:11/ 0 赞/ 57 阅读

相关 Vue.js 报错：Cannot read property 'validate' of undefined"

问题： \[Vue warn\]: Error in event handler for "click": "TypeError: Cannot read pr

梦里梦外;/ 2022年04月22日 09:26/ 0 赞/ 206 阅读

相关 gulp运行报错 Cannot read property 'apply' of undefined

查看当前gulp的版本：发现版本与cli不一致 gulp -version \[17:17:12\] CLI version 3.9.1 \[17:17:12\] Loc

我就是我/ 2021年12月23日 22:09/ 0 赞/ 273 阅读