如何用ant design的Table组件实现点击表格行时触发自定义事件?

2026-04-02 09:490阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计914个文字,预计阅读时间需要4分钟。

如何用ant design的Table组件实现点击表格行时触发自定义事件?

使用customRow设置行属性,编写对应事件:customRow=rowClickdata={{ rowClick: record=> { // 点击行时需要执行的操作 console.log(record, 'record'); }}}

使用customRow 设置行属性,写对应事件

:customRow="rowClick"

然后在data里面写

rowClick: record => ({ // 事件 on: { click: () => { // 点击改行时要做的事情 // ...... console.log(record, 'record') } } })

在官方文档中也写的很清楚

补充知识:Ant-Design-Vue table 合并单元格,并且添加点击事件

点击行,有一个customRow。可以配置点击事件。

单元格的自定义分为两种方式。

一种是:通过template标签。

阅读全文

本文共计914个文字,预计阅读时间需要4分钟。

如何用ant design的Table组件实现点击表格行时触发自定义事件?

使用customRow设置行属性,编写对应事件:customRow=rowClickdata={{ rowClick: record=> { // 点击行时需要执行的操作 console.log(record, 'record'); }}}

使用customRow 设置行属性,写对应事件

:customRow="rowClick"

然后在data里面写

rowClick: record => ({ // 事件 on: { click: () => { // 点击改行时要做的事情 // ...... console.log(record, 'record') } } })

在官方文档中也写的很清楚

补充知识:Ant-Design-Vue table 合并单元格,并且添加点击事件

点击行,有一个customRow。可以配置点击事件。

单元格的自定义分为两种方式。

一种是:通过template标签。

阅读全文