vue element table树形数据表格点击折叠icon无效的原因

在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

推荐阅读更多精彩内容