Ant Design Vue 给table表格行加点击事件

customRow 用法

适用于 customRow customHeaderRow customCell customHeaderCell。遵循Vue jsx语法。

customRow={(record) => {

return {

xxx… //属性

onClick: (event) => {}, // 点击行

onDblclick: (event) => {},

onContextmenu: (event) => {},

onMouseenter: (event) => {}, // 鼠标移入行

onMouseleave: (event) => {}

};

}}

customHeaderRow={(column) => {

return {

onClick: () => {}, // 点击表头行

};

}}

/>

但是很多小伙伴可能不会使用这种语法，或者一用就报错，跟我刚开始用一样 ，下面我们会介绍另一种方法：

正题

–

第一步

给a-table元素内加入这个属性 :customRow=“rowClick”

<a-table

bordered

:data-source=“dataSource”

:columns=“columns”