Bootstrap

antd table排序 vue_Antd-vue Table组件添加Click事件,实现点击某行数据教程

给Table组件添加Click事件,实现点击某行数据操作

customRow

设置行属性

Function(record, index)

通过customRow 属性给table添加自定义事件

:columns="columns"

:dataSource="data"

:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange ,onSelect: handleSelect}"

bordered

:customRow="handleClickRow"

>

methods: {

handleClickRow(record, index){

return {

on: {

click: () => {

console.log(record, index)

console.log('点击行内容record' + record)

console.log('序号索引index' + index)

}

}

}

}

}

控制台输出:

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;