前端有的时候需要去处理返回数据,正如昨天遇到的问题一样,在遍历antd树形table的时候,发现后端数据在返回的时候将children为空的也返回了,这样就涉及到在children为空的时候,也是有展开按钮的。返回数据与展示效果如下:
data = [
key: 1,
name: 'John Brown sr.',
age: 60,
address: 'New York No. 1 Lake Park',
children: [
key: 11,
name: 'John Brown',
age: 42,
address: 'New York No. 2 Lake Park',
children: [],
key: 12,
name: 'John Brown jr.',
age: 30,
address: 'New York No. 3 Lake Park',
children: [
key: 121,
name: 'Jimmy Brown',
age: 16,
address: 'New York No. 3 Lake Park',
children: [],
key: 13,
name: 'Jim Green sr.',
age: 72,
address: 'London No. 1 Lake Park',
children: [
key: 131,
name: 'Jim Green',
age: 42,
address: 'London No. 2 Lake Park',
children: [
key: 1311,
name: 'Jim Green jr.',
age: 25,
address: 'London No. 3 Lake Park',
children: [],
key: 1312,
name: 'Jimmy Green sr.',
age: 18,
address: 'London No. 4 Lake Park',
children: [],
key: 2,
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
children: [],
if (item.children.length == 0) {
delete item.children
} else if (item.children.length > 0 ) {
this.del(item.children);
return arr
处理完数据如下:
data = [
key: 1,
name: 'John Brown sr.',
age: 60,
address: 'New York No. 1 Lake Park',
children: [
key: 11,
name: 'John Brown',
age: 42,
address: 'New York No. 2 Lake Park',
key: 12,
name: 'John Brown jr.',
age: 30,
address: 'New York No. 3 Lake Park',
children: [
key: 121,
name: 'Jimmy Brown',
age: 16,
address: 'New York No. 3 Lake Park',
key: 13,
name: 'Jim Green sr.',
age: 72,
address: 'London No. 1 Lake Park',
children: [
key: 131,
name: 'Jim Green',
age: 42,
address: 'London No. 2 Lake Park',
children: [
key: 1311,
name: 'Jim Green jr.',
age: 25,
address: 'London No. 3 Lake Park',
key: 1312,
name: 'Jimmy Green sr.',
age: 18,
address: 'London No. 4 Lake Park',
key: 2,
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
成功去除了,无children的展开按钮。