表格行内事件 recat

简介: 表格行内事件 recat

解决方案

其实官方已经给出了示例,详见:Ant Design Vue customRow 用法,可用于您进行参照。


您配置好 customRow 时,对照官方文档在 rowClick 函数中进行事件绑定。


通过 record 参数获取行数据,用于做一些业务处理。


<!--

为了不影响您参考,表格其他配置已删去。

您只需要关注 customRow 设置行属性。

-->

<a-table :customRow="rowClick">

   ...

</a-table>

1

2

3

4

5

6

7

/**

* 点击表格行触发

* @param {Object} record - 行数据

* @param {Number} index - 索引值

* @return Function

*/

rowClick: function(record, index) {

 return {

   on: {

     click: () => {

       console.log('点击了我')

     },


     dblclick: () => {

          console.log('双击了我')

     },

   

     // ...

   }

 }

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

SEO <strog>

Ant Design Vue (4) 给table表格整行加点击事件antd的表格点击表格整行添加点击事件vue用ant design中table表格,点击某行时触发的事件操作vue用ant design中table表格,点击某行时触发的事件操作ant table表格整行点击事件并获取当前行的数据Ant design vue表格行点击事件 表格 <a-table> 组件绑定行点击事件(点击表格行事件)

相关文章
ECharts 提示框组件Tooltip属性大全(包含文本注释)
ECharts 提示框组件Tooltip属性大全(包含文本注释)
413 0
|
3月前
|
JavaScript 前端开发
JavaScript合并网页表格中内容相同的相邻单元格
JavaScript合并网页表格中内容相同的相邻单元格
|
6月前
|
前端开发
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
elementui表格自定义表头的两种方法
这篇文章主要是总结了elementui-table表格怎么自定义表头,两种方式需求不一样,大家还有啥好的方法或者遇到的bug评论区留言大家一起解决。
1045 0
element plus表格的表头和内容居中
element plus表格的表头和内容居中
529 0
|
7月前
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
|
JavaScript 容器
rAF实现表格内容自动滚动
rAF实现表格内容自动滚动
328 1
Element-ui表格的列隐藏显示会使表格头数据错乱或者表格头样式变大
Element-ui表格的列隐藏显示会使表格头数据错乱或者表格头样式变大
467 0
Element Plus修改表格行、单元格样式
Element Plus修改表格行、单元格样式
1798 0