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