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)

}

}

}

}

}

控制台输出：

补充知识：利用filetr 操作 ant-design table某一行的某一列的数据。点击切换真实数据和加密数据

情景描述：