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