问答

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

作者:admin 2021-09-23 我要评论

问题描述 如代码所示,我在表格中使用expand展开表格,其中嵌套了一个表格, 通过自带的expand-change来懒加载展开表格的数据, 但是问题是数据传过来却没有渲染...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

问题描述

     如代码所示,我在表格中使用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)     
      }

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • element ui  表格expend嵌套表格动态渲

    element ui 表格expend嵌套表格动态渲

  • husky没有生效

    husky没有生效

  • redis.io挂了?

    redis.io挂了?

  • MongoDB启动失败了啊

    MongoDB启动失败了啊

腾讯云代理商
海外云服务器