el-table多选回显报错，this.$refs.membersTable.toggleRowSelection is not a function

最新推荐文章于 2024-06-27 11:08:52 发布
最新推荐文章于 2024-06-27 11:08:52 发布
阅读量1.7k 收藏 3
点赞数 4
文章标签： vue.js elementui javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41838435/article/details/131228415
版权

el-table多选回显报错，this.$refs.membersTable.toggleRowSelection is not a function

直接使用this.$refs.membersTable.toggleRowSelection，报错找不到此方法toggleRowSelection 。

遇事不决，就打印呗

在这里插入图片描述

发现打印this.$refs.membersTable并没有找到toggleRowSelection

因为我这边的el-table用的公共组件里面的el-table，然后往里面这个$refs.table里面找，然后可以找到toggleRowSelection。
在这里插入图片描述

解决方法：

this.$refs.membersTable.$refs.table.toggleRowSelection(row, true)
hibiscusxin
关注
elementUI表格多选toggleRowSelection回显无效
蜗牛~~
07-14 3422
elementUI表格多选toggleRowSelection回显无效
Element 默认勾选表格 toggleRowSelection的实现
12-29
官网尽管提供了toggleRowSelection方法，但没有提供demo实例。 通过了解，结合vue的特殊属性ref引用到Dom元素上，再执行dom上的toggleRowSelection方法。 以下通过三种不同的数据来源实现table默认勾选对应的列： 1、固定写在data数据里： 注意el-table上有一个ref=”table”的属性 <el-table :data=tableData3 border ref=table style=width: 100% @selection-change=handleSele
element-ui table表格 toggleRowSelection 设置无效
Chad97的博客
10-14 6271
这个问题遇到很多次了 原因是 这里 toggleRowSelection(row, boolean) 这个方法，row是重绘数据 让我们来看看 this.$nextTick()这个方法的 官方文档 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 解决方案 在要改变的数据外层套上这个方法 小栗子 // 回调 nextTic...
【elementplus】 el-table toggleRowSelection无效解决方案
最新发布
tangyuan121的博客
06-27 632
踩坑之路，仅供大家参考。
el-table中的toggleRowSelection无效
qq_40011214的博客
08-15 4094
el-table中的toggleRowSelection无效问题
【vue】elemente-ui table toggleRowSelection 默认选择无效[已解决]
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
02-20 1459
点击按钮，弹出一个弹出框，内部出现一个table表，表内数据是动态获取，同时得勾选上几个table表的数据，类似以下的图。
toggleRowSelection undefine
a913396的博客
08-20 623
1 加错地方，这个组件没有这个方法 2 应该加在el-table上 3 this.$refs.multipleTable.toggleRowSelection(this.list[index]); 这样后设置成功。
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...
multipleTable.value.toggleRowSelection 失效
qq_55681529的博客
05-24 319
监听初始化选中的数据，我们需要用获取的表格数据去对比回显数据，有就用表格的数据去匹配multipleTable.value.toggleRowSelection。表格是封装的一个组件，我在别的页面使用到了，需要把别的页面回显的数据传到表格组件里面。可以看到图片上是获取到了test用户的，但是我们的勾选没有勾上。我们可以看到已经可以成功回显了。
elementUI toggleRowSelection设置无效
为啥不能换名字的博客
12-26 2万+
// 初始化禁选的复选框 checkboxInit(row, index) { var that = this; that.$nextTick(() =&gt; { console.log(that.$refs.multipleTableGood); i...
记录一次 element - table 多选框 toggleRowSelection 无效 的解决办法
bei199133的博客
03-25 2498
记录一次 element - table 多选框 toggleRowSelection 无效 的解决办法
el-table 分页多选
weixin_44910986的博客
07-30 1868
<el-table :data="consultationMen" @select="selectChange" @select-all="selectAll" ref="multipleTable" :header-cell-style="{background:'rgba(245,247,250,1)'}"> data（）{ selectDataArrL...
el-upload 图片回显
sinat_42501006的博客
09-25 2207
<el-table @row-click="handleEditdeli" :data="listData" > <el-table-column align="center" label="操作" width="200"> <template slot-scope="scope"> <el-button size="mini" plain type="p.
el-cascader 级联选择器动态加载数据及回显数据方法（最全概括）＜grootbaby＞
grootbaby
07-16 1万+
当地区数据比较多时，全部获取数据速度太慢，体验不太好，改为懒加载，一级一级选择地区就能很好避免速度慢的问题。首次加载第一级数据，给出所需要的参数，因为首次加载 node.value 没有值，据此判断是不是第一级数据。当点击最后一级的时候 label 后面不会转圈圈，并把相关值赋值到选择器上。编辑弹窗展示的时候，有时候并不能正确回显，取消展示或者改变 key 值。依次类推，拿到全部层级的 code 和 name 传给后端接收使用。获取倒数第二级的数据的 name。获取倒数第三级的数据的 name。
Element多选表格设置默认勾选 调用this.$refs.tableRef.toggleRowSelection不生效
你的阿迁
08-14 1291
在这里，点击筛选，不是对进来这个页面时获取的表数据进行直接筛选，而是先调用相关接口后再进行表数据的刷新，所以我们先加一层$nextTick，以便获取更新后的Dom... 其次，通过对比筛选找到源数据来设置选中项... 完美解决该问题。上次的需求是这样的... 点击筛选按钮，筛选出符合条件的数据，排列到列表页最前面并勾选...我想这还不简单，直接用下Element的方法就好了,结果就出现了勾选不生效的情况...
获取数据后this.$refs.xxx.toggleRowSelection无效
热门推荐
ltf_1225的博客
07-17 3万+
获取数据后在外部加上一个$nextTick即可 this.$nextTick(function () { this.trainPeopleTable.forEach(row=&gt;{ if(this.selectList.indexOf(row.staffId) &gt;= 0){ this.$refs.trainPersonTable.toggleRowSelect...
elementUI 表格 获取数据后this.$refs.xxx.toggleRowSelection无效
indomi126的博客
04-30 5379
使用elementUI构建样式界面时，有一个跨页多选数据的需求，尝试在跳转其他页后根据已存的数据来判断是否已勾选 官网有一个toggleRowSelection(row,selection)方法 按着elementUI官网给出的示例一直不能触发toggleRowSelection 根据网上给出的解决办法 获取数据后在需要进行勾选操作的外面套一个$nextTick即可 this.$nextTic...
【坑】element-ui el-table的toggleRowSelection小坑
all____might的博客
11-23 539
遇到的小坑
基于el-table二次封装的表格组件，toggleRowSelection 默认选中事件被清空的问题
qq_46370075的博客
04-24 1963
从详情页点编辑进入表格页的时候，有时候需要默认选中一些数据。 在el-table中的文档中能看到可以使用roggleRowSelection方法来默认选中一些数据。 // checkList 需要默认被选中的数组 // dataList 表格中展示的数组，也就是el-table的:data对应的数组 // 表格组件 添加ref属性 ref="table" checkList.forEach(listItem => { dataList.forEach(item => {
formRef.value.forEach is not a function
07-15
`formRef.value.forEach is not a function`错误是因为`formRef.value`不是一个可迭代的对象，无法使用`forEach`方法进行遍历。 可能的原因是`formRef`引用的对象不是一个数组或类似数组的对象。 要解决这个问题，你可以查看`formRef`的类型，并确保它是一个数组或类似数组的对象。你可以使用`console.log(formRef.value)`来查看`formRef.value`的值以及它的类型。 如果`formRef.value`确实不是一个数组或类似数组的对象，你可以尝试将其转换为一个数组，然后再使用`forEach`方法进行遍历。例如，你可以使用`Array.from(formRef.value)`或`[...formRef.value]`将其转换为数组。 以下是一个示例代码： ```javascript const formArray = Array.from(formRef.value); formArray.forEach((item) => { // 进行遍历操作 }); ``` 请注意，根据具体情况，你可能需要对代码进行适当的调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值