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

相关文章
|
11月前
|
前端开发
CSS中给表格的第一列及最后一列设置不同的样式
CSS中给表格的第一列及最后一列设置不同的样式
|
2月前
|
前端开发
使用CSS样式化占位文本
使用CSS样式化占位文本
16 0
|
4月前
|
前端开发
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
CSS常用属性之(列表、表格、鼠标)属性,(如果想知道CSS的列表、表格、鼠标相关的属性知识点,那么只看这一篇就足够了!)
|
4月前
|
移动开发 前端开发 数据安全/隐私保护
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
Web网页制作-知识点(2)——常用文本标签、列表标签、表格标签、Form表单、块元素与行内元素(内联元素)
27 0
|
前端开发
HTML table 表格内容垂直对齐、边框颜色、标题
HTML table 表格内容垂直对齐、边框颜色、标题
49 0
|
前端开发 JavaScript SEO
b标签和strong标签的区别?css单行或多行溢出隐藏如何实现?浅谈this?
b标签只是文本加粗,而strong除了加粗还有强调的语义。
|
JavaScript 容器
rAF实现表格内容自动滚动
rAF实现表格内容自动滚动
306 1
Element Plus修改表格行、单元格样式
Element Plus修改表格行、单元格样式
1733 0