如何用ant design的Table组件实现点击表格行时触发自定义事件?
- 内容介绍
- 文章标签
- 相关推荐
本文共计914个文字,预计阅读时间需要4分钟。
使用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分钟。
使用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标签。

