element ui 表格expend嵌套表格动态渲染无法加载数据

Question

问题描述

     如代码所示，我在表格中使用expand展开表格，其中嵌套了一个表格，
   通过自带的expand-change来懒加载展开表格的数据，
   但是问题是数据传过来却没有渲染，console.log(this.gridData.content)是有数据的，
   但就是没有渲染，不知道是什么原因
   但是重新点击一下展开按钮数据就可以渲染上，只有最开始点击的那一次没有渲染数据

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

   <el-table stripe 
     ref="multipleTable"
     :data="gridData.content" 
     @selection-change="handleSelectionChange"
     class="mt-10" 
     height="calc(100vh - 270px)" 
     v-loading="DataDictionaryMaintenanceController.pagingByCriteria.loading"
     @expand-change="getDictionaryService">
       <el-table-column type="selection" width="55"></el-table-column>
       <el-table-column prop="name" label="变量名"></el-table-column>
            <el-table-column type="expand" label="依赖" width="80px" >
   <template slot-scope="scope">
<el-tabs type="border-card">
 <el-tab-pane label="服务列表">
        <el-table
   :data="scope.row.serviceAssetsFormals"
   style="width: 100%"
   height="200"      
   >
   <el-table-column
     prop="name"
     label="服务名称"
    >
   </el-table-column>
   <el-table-column
     prop="code"
     label="服务编码"
     >
   </el-table-column>
   <el-table-column
     prop="path"
     label="请求路径">
   </el-table-column>   
   <el-table-column
     prop="desc"
     label="描述">
   </el-table-column>  
         
 </el-table>
  </el-tab-pane>
</el-tabs>
   </template>
 </el-table-column> 

      async getDictionaryService(row){
        let query={}
        query.dictionaryId=row.id    
         let resp = await this.dispatch(DataDictionaryMaintenanceController.dependence, query)
          if (!resp.error){
            row.serviceAssetsFormals=resp.data
          }        
         console.log(this.gridData.content)     
      }

你期待的结果是什么？实际看到的错误信息又是什么？