ElementUI-Plus 表格默认选中

ElementUI-Plus 表格默认选中

在表格标签中加入: ref

<el-table :data="tableData" ref="tableRef">
    <!--里面是表格的列 -->
<\el-table>

在setup中加入:

setup(){
    const tableRef = ref()
    nextTick(() => {
     tableData.value.forEach((row) => {
     tableRef.value.toggleRowSelection(row, row.selected);
   });
   return {
        tableRef
    }
}

就是说我的tableData数组中有一个selected项，根据这个项确定是否选中。

比较坑的点是：

1.没有了this.$nextTick，而是变成了一个钩子

2.在onUpdated中调用始终不行，所以还是在setup中调用

3.ref必须要返回

4.ref必须要加value，否则会报错，找不到方法

5. 获取tableRef 需要延时获取，表格未创建时获取不到

6.row 需要用表格的原数据tableData，如果用选中的数据遍历的row，渲染不上
————————————————
版权声明：本文为CSDN博主「HGGshiwo」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/HGGshiwo/article/details/122850850