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