<a-table
        ref="table"
        size="middle"
        :scroll="{x:true}"
        bordered
        rowKey="id"
        :columns="columns"
        :dataSource="dataSource"
        :pagination="ipagination"
        :loading="loading"
        :rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
        class="j-table-force-nowrap"
        @expand="handleExpand"
        @change="handleTableChange">
 
        <!--内嵌表位置-->
        <a-table
          slot="expandedRowRender"
          :columns="innerColumns"
          :dataSource="innerData"
          size="middle"
          bordered
          rowKey="id"
          :pagination="false"
          :loading="loading"
        >

        </a-table>
      </a-table>

代码大概就这样，我把其他跟该文章不相关的代码删除掉了，然后通过handleExpand获取父表点击时的行数据展示子表关联的数据

 handleExpand(expanded, record) {
        this.innerData=[];
        if(expanded===true){
          this.loading = true;
          showDeviceStatusByVendorName({vendorName : record.smCompanyName}).then(res=>{
            if (res.success) {
              this.innerData=res.result
            }
            this.loading = false;
          });
        }
      }