Ant design vue 嵌套表格 获取父表格id

记录个问题
事情是这样的,我原本用了一个嵌套表格,想实现的是这样的



然后我就写了
(只放关键代码)

 
          
        
      

结果却是这样的


image.png

然后我就网上搜,想得到父表格的id,这样我就能得到tableData的key了,不然显示的都是tableData[0]的数据
就搜到说使用@expand方法,里边有两个参数,其中一个就是 record,就是父表格本行的数据,这样就可以对子表格的数据进行修改了,然后我就试了一下
(只放关键代码)


       
         
       
     
 expand(expanded, record){
      this.innerData=record.node;
    }

结果就是,
点哪行,所有的子表格就都是哪行的数据,就是所有子表格的数据都一样了

image.png

最后,实际解决方法,使用slot-scope="record"就可以获取record中的数据了....
:data-source="record.bak_node" 相当于我把父级表格的每行里边的bak_node里边的数据赋值给子表格


         
        
      

0.0,所以实际上并不需要获取父表格的id

你可能感兴趣的:(Ant design vue 嵌套表格 获取父表格id)