2.0.0-beta.10
"ant-design-vue": "^2.0.0-beta.10","vue": "^3.0.0-rc.1",
https://2x.antdv.com/components/table-cn/#Table-
<template>
<ATable :data-source="state.list" rowKey="id" :customRow="customRow">
<ATableColumn key="date" title="date" data-index="date" />
</ATable>
</template>
<script>
import { reactive } from 'vue'
export default {
name: 'CustomExample',
setup() {
const state = reactive({
list: [
{
id: 1,
date: '第一天',
},
{
id: 2,
date: '第二天',
},
],
})
function customRow(record, index) {
return {
on: {
click: (e) => {
console.log(e, record, index)
},
},
}
}
return {
state,
customRow,
}
}
}
</script>
It can set customRow to trigger row click event
cannot trigger row click event
发生同样的情况,求解
customRow: record => {
return {
click: event => {
console.log(event, record);
}
};
}
看了源码,发现这样可行。
customRow: record => { return { click: event => { console.log(event, record); } }; }
原来是要去掉 on 呀,不了解 jsx 的 on,哈哈哈
Most helpful comment
customRow: record => { return { click: event => { console.log(event, record); } }; }看了源码,发现这样可行。