elementUI 表格 获取数据后this.$refs.xxx.toggleRowSelection无效

使用elementUI构建样式界面时，有一个跨页多选数据的需求，尝试在跳转其他页后根据已存的数据来判断是否已勾选
官网有一个toggleRowSelection(row,selection)方法
按着elementUI官网给出的示例一直不能触发toggleRowSelection
根据网上给出的解决办法

• 获取数据后在需要进行勾选操作的外面套一个$nextTick即可

1
2
3
4
5

this.$nextTick(() => {
    this.deviceTableData.map((v) => {
        this.$refs.deviceTable.toggleRowSelection(v, true))
    }
})

原因是：

$nextTick 是在下次 DOM 更新循环结束之后执行延迟回调，在修改数据之后使用 $nextTick，则可以在回调中获取更新后的 DOM

暂时还没有搞懂