el-table初始化时根据传入数据选中某些行
el-table初始化时根据传入数据选中某些行
// 父组件
const mockTableData = ref<TableData[]>([
{
key: '111',
value: 'Tom111',
description: 'No. 189, Grove St, Los Angeles',
selected: true,
}
]);
# 子组件
<el-table
:data="TableData"
border
class="edit-table"
ref="editTableRef"
>
<el-table-column type="selection" :selectable="selectable" width="55" />
<el-table-column label="key" width="120">
<template #default="scope">{{ scope.row.key}}</template>
</el-table-column>
// 其他列省略
</el-table>
const selectable = (row: any) => {
return !isEmpty(row);
};
onMounted(() => {
props.TableData.forEach((row) => {
editTableRef.value.toggleRowSelection(row, row?.selected || false);
});
});
参考:
https://element-plus.org/zh-CN/component/table.html#%E5%A4%9A%E9%80%89
原文地址:https://blog.csdn.net/weixin_44580139/article/details/142628246
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/325628.html 如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.kler.cn/a/325628.html 如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!