element 表格Table 中 设置选中哪一行报 setcurrentrow is not undefined

已于 2022-06-15 20:31:50 修改
阅读量4k 收藏 1
点赞数
分类专栏： element ui 文章标签： vue.js linq c#
于 2022-01-11 15:44:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43583693/article/details/122434010
版权

有几种可能是：

      1. 表格中ref起的名字与this.$refs.XXXX.setCurrentRow(this.tableData[0]);对应不上

将名字改成一样的就可以

2. 表格尚未加载完毕

解决方法：添加 this.$nextTick(() => {

3. 表格是循环出来的有多个表格的ref相同

解决办法：循环时给每个表格的ref设置不一样的值就行

解决elemet ui表格自适应高度 但是切换路由报Cannot read property XX of undefined at windowonresize错误问题
SAKURE2210866448的博客
03-14 803
之前在用element ui时，需要将表格做成自适应高度的，参考了各种方案发现如下方法有效： 在对应组件中 mounted() { this.$nextTick(function() { this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 50 // // 监听窗口...
element plus 如何设置选中el-table和点击列表获取行信息，以及默认显示选中的行，高亮行
u010782109的博客
07-13 1999
【代码】element plus 如何设置选中el-table和点击列表获取行信息，以及默认显示选中的行，高亮行。
错误：setCurrentRow没有定义
emily_yj的博客
09-17 4512
setCurrentRow是elementUI的table组件，直接用的，在运行之后，提示：setCurrentRow没有定义 代码： <el-table :data="B" ref="A" …… </el-table> …… this.$refs.B.setCurrentRow(this...
elementUI的table组件实现setCurrentRow的滚动条定位效果
weixin_33670786的博客
03-07 2070
在github上咨询了，直接给了代码： https://jsfiddle.net/tk37c5cb/14/ 转载于:https://www.cnblogs.com/blueroses/p/8522073.html
antd 获取table选中行数据_element-ui 组件el-table默认选中行setCurrentRow采坑记
weixin_39756273的博客
11-21 1013
1.背景选中表格中某一行，高亮显示，table表格数据变化后（删除某几条数据，不包括选中的删除）， this.$refs.multipleTable.setCurrentRow(row),选中之前选中的行，可发现总是选中下一条的数据（选中的是2，删除3,4，5后再用this.$refs.multipleTable.setCurrentRow(row)选中2，结果选择的是6），控制台打印的数据是2的...
vue+element ui 学习笔记 【table篇】table默认选中选中一行setCurrentRow(row)以及默认选中多行toggleRowSelection（row,selected）
热门推荐
changjiufu的博客
09-05 6万+
序言 根据工作的需求，需要实现两个table实现头行级联的功能，所有在调用vue实例对象后，页面挂载完后需要默认选中头的table，获取行数据的id来通过接口实现头行级联功能。干起来~~~~ 1 element ui-----table默认选中一行setCurrentRow(row) 首先我们来看下官方文档： 下边我们看下代码： &lt;el-table highlight-c...
vue3 vxe-table 点击行，不显示选中状态，加上设置isCurrent: true就可以设置选中行的状态。
花花鱼的专栏
07-23 1409
vxe-table 点击行，不显示选中状态，加上设置isCurrent: true就可以设置选中行的状态。
e-table为什么一直报错this.$refs.table1.setCurrentRow is not a function
最新发布
03-14
当遇到 `this.$refs.singleTable.toggleRowSelection` 或者 `this.$refs.table1.setCurrentRow` 不是函数的错误时，通常意味着几个潜在的问题： - **引用名称不匹配**：表格中的 `ref` 属性名与实际使用的 `this.$...
el-table动态添加新增一行并保存行 调用api接口保存
05-25
你可以使用 Element UI 的 `el-table` 的 `append` 方法来动态添加一行。然后，当你需要保存新增的行时，你可以调用 API 接口来将数据保存到服务器上。 以下是一个简单的示例代码： ```html <el-table :data=...
element plus el-table 实现单选
03-11
为了实现在 Vue3 中通过 Element Plus 的 `el-table` 组件来完成单选操作，可以调整表格配置以及监听特定事件处理逻辑。对于单选而言，通常会禁用多选框而采用其他方式标记当前被选中的行。 #### 修改列定义以适应...
element-UI单选框表格默认选中某一行高亮状态,点击某一行获取表格的行数(表格数据下标)以及setCurrentRow方法无法选中问题解决
drift_away_的博客
08-25 1万+
一.单选框表格默认选中某一行高亮状态 1.首先，element ui-----table添加表格属性highlight-current-row，官方解释为是否要高亮当前行，其次添加 ref=“multipleTable”， <el-table :data="tableData3" @row-click="handle" ref="multipleTable" :header-cell-style="{backgroun
Element 报错 Cannot read property ‘setCurrentRow‘ of undefined element
单飞吧的博客
09-10 3414
这个错误是因为你的dom元素还没有加载完，就使用了 setCheckedKeys 。 也就是你写的this.$refs.monthlyPlanTable.setCurrentRow(this.tableData[0]); 这个里面的 monthlyPlanTable还没有加载出来。 解决方案： this.$nextTick(() => { if( this.tableData.length > 0){ this.$refs.monthlyPlanTable.setCurrentRo
el-table设置默认选中报错_this.$refs.singleTable.toggleRowSelection is not a function
wusq的博客
04-29 1万+
直接使用以下的方法，报错信息是_this.$refs.singleTable.toggleRowSelection is not a function this.$refs.singleTable.toggleRowSelection(item, true) 看了网上的解决方法，加了this.$nextTick,代码如下，但还是报错Error in nextTick: "TypeErr...
element-plus el-table表格默认选中某一行
RainHg的博客
03-18 4650
el-table表格默认选中某一行
问题：vue2+elementui，tabs切换显示表格并设置表格选中行高亮失败
qq_44792224的博客
11-21 1676
好吧，最后发现问题出在setCurrentRow的参数上，不管你有没有改动表格数据，用你需要选中的行id，去遍历表格数据，遍历到item.id===id，则row =item,最后用this.$refs.table.setCurrentRow(row)可以解决。});console.log("有选中行", currentRow[0]);});这个nextTick因为写了就没去掉，不包可能也行吧。
【element ui系列】分享几种实现el-table表格单选的方法
u011203602的专栏
10-29 5870
在实际的开发中，经常会用到从表格中选择一条记录的情况，虽然官方给出的例子，但是给人感觉看起来不明显，于是，在此基础上做了改进。2、采用单选框(radio)，双击取消选中。
Qlistwidget点击某一行之后在槽函数里使用setCurrentRow方法设置当前选中行不生效问题。
weixin_45575643的博客
06-05 745
这段代码本质上也是延时多少秒去执行一段代码，这里传的参数是0，就是延时0秒去执行这段代码，但是这个定时器也是一个事件，所以会先执行Qlistwidget的点击事件，再去执行这个定时器事件。这段代码点击了QlistWidget后会进入SlotCurrentRowChaned的信号槽，按理说应该先点击事件改变行数，再走setcurrntRow改变行数。解决方法：使用QTimer::singleShot(0, 【=】() {
PyQt使用QCompleter的setCurrentRow方法无效
weixin_42610010的博客
01-07 198
QCompleter的setCurrentRow方法是用来设置当前提示项的行数的。如果你发现这个方法无效，可能是因为你的QCompleter没有与QComboBox或QLineEdit这样的组件关联。 你可以这样解决： 在创建QCompleter时，将一个QComboBox或QLineEdit作为参数传递给QCompleter的构造函数。 如果你已经创建了QCompleter，你可以使用setW...
el-table 高亮某一行
wangooo的博客
06-22 7974
使用 highlight-current-row 属性 el-table 加上 highlight-current-row 属性。 <el-table ref='tTable' :data="dataList" highlight-current-row></el-table> 调用setCurrentRow(row, true) 设置当前行高亮，row为dataList里面的数据。 selectRow(row) { if (row) { th.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值