表格行内事件 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> 组件绑定行点击事件(点击表格行事件)

相关文章
|
1月前
多个p标签,并让div“flex”布局,且单行溢出隐藏
多个p标签,并让div“flex”布局,且单行溢出隐藏
28 0
|
5月前
|
前端开发
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
|
5月前
|
移动开发 前端开发 数据安全/隐私保护
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
40 0
|
6月前
|
JavaScript
表格换色的实现方法
表格换色的实现方法
|
JavaScript 容器
rAF实现表格内容自动滚动
rAF实现表格内容自动滚动
323 1
|
前端开发 容器
ElementUI表格表头行高问题解决
ElementUI表格表头行高问题解决
ElementUI表格表头行高问题解决
Element-ui表格的列隐藏显示会使表格头数据错乱或者表格头样式变大
Element-ui表格的列隐藏显示会使表格头数据错乱或者表格头样式变大
447 0
Element Plus修改表格行、单元格样式
Element Plus修改表格行、单元格样式
1771 0