toggleRowSelection,默认选择不显示

Posted hxjcode

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了toggleRowSelection,默认选择不显示相关的知识,希望对你有一定的参考价值。

element 官网上写的很清楚

toggleRowSelection 用于多选表格,切换某一行的选中状态,如果使用了第二个参数,则是设置这一行选中与否(selected 为 true 则选中) row, selected

然而,我从后端获取到数据后渲染table后发现,自己设置的默认并没有被勾选上列如 :this.$refs.multipleTable.toggleRowSelection(this.$refs.multipleTable.data[0],true);

这个时候我们可以使用 $nextTick (下面代码是默认选中第一个)

that.$nextTick(function ()
  this.$refs.multipleTable.toggleRowSelection(this.$refs.multipleTable.data[0],true);
)
 
 原因是$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用 $nextTick,则可以在回调中获取更新后的 DOM

以上是关于toggleRowSelection,默认选择不显示的主要内容,如果未能解决你的问题,请参考以下文章

Element-ui 中table 默认选中 toggleRowSelection

Element-ui中 表格(Table)组件中 toggleRowSelection 方法设置默认多选项 无法选中解决思路

element-ui table组件 toggleRowSelection被动触发select/selection-change事件

element-ui 怎么调用table内置的方法 toggleRowSelection

elementUI的this.$refs.table.toggleRowSelection失效

reactcarousel走马灯eacharts最后一个不显