vue element table树形数据表格点击折叠icon无
2021-02-04 本文已影响0人
天渺工作室
在vue2中使用element table表格树形数据折叠操作的时候,折叠icon箭头怎么点击都没有效果,出现这种情况 极有可能是以下情况
image
image.gif树形表格table的数据源talbeData的问题
image
image.gif//具体原因没有研究源代码,但是目前发现的主要原因就是此处的索引row-key导致的
...
tableData: [{
id: 1,
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}, {
id: 2,
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
id: 0, //折叠处row-key==0的时候 折叠点击失效
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄',
children: [{
id: 31,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄',
children:[
{
id: 32,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}
],
}, {
id: 32,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}]
}, {
id: 4,
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}],
...
image.gif