解决ant design vue3 table嵌套点击‘+‘ 只走一次的问题

最新推荐文章于 2024-07-26 20:09:35 发布

原创最新推荐文章于 2024-07-26 20:09:35 发布 · 454 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#java #前端 #javascript

本文介绍了如何在React中使用`<a-table>`组件实现表格的展开功能，当用户点击展开时，通过`expandChange`钩子获取记录ID，并动态调用`rentEnterpriseList`方法加载子表格的数据。

想要的需求：点击+号，显示子表格的数据

<a-table

:dataSource="dataSource"

:columns="columns"

:pagination="pagination"

@change="tableChange"

rowKey="id"

@expand="expandChange"

>

绑定expand，参数有两个，expanded, record

const expandChange = (expanded:any, record:any) => {

console.log(expanded, record.id, '得到的数据');

当expanded为真实，调用子表格的数据

if(!expanded) return

rentEnterpriseList(record.id)

}