antd vue里面 a-table再次封装，请问一下slot-scope="text, record"如何跨组件传递

Question

题目描述

现在想把一个表格二次封装，但是table里面scopedSlots不知道怎么从父到子再到孙，这个时候孙组件就是a-table

相关代码

         <!--b.vue -->
         <a-table ref="table"  bordered
          size="middle"
          rowKey="id"
          :columns="columns"
          :dataSource="dataSource"
          :pagination="ipagination"
          :loading="loading"
          :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
          @change="handleTableChange"
        >
        //这段被注释的代码如何从父组件a.vue里面传过来？？
         // <span slot="action" slot-scope="text, record">
           // <a @click="handleById(record)">编辑</a> &nbsp;&nbsp;
            //<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
             // <a>删除</a>
            //</a-popconfirm>
         // </span>

        </a-table>
        
      <!-- a.vue -->  
         <b :columns="columns">
               //这段本来是在b.vue a-table里面的，如何在这里写，传到b.vue a-table里面？？
                  //<span slot="action" slot-scope="text, record">
                  //<a @click="handleById(record)">编辑</a> &nbsp;&nbsp;
                  //<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
                   // <a>删除</a>
                 // </a-popconfirm>
              //  </span>
        
</b>
        
       
     

b.vue里面的<a-table> 里面的插槽代码想从a.vue里面用的b子组件传入，请问要如何写

Answer 1

看这个例子

Answer 2

全网只看到你提到这个问题，我做出来了，如果你还需要的话
https://blog.csdn.net/Cookysu...