element-ui 中展开式表格展开或关闭时触发事件

最新推荐文章于 2024-07-18 14:43:57 发布

cc蒲公英

最新推荐文章于 2024-07-18 14:43:57 发布

阅读量885

点赞数 1

分类专栏： element 文章标签： ui vue.js elementui

本文链接：https://blog.csdn.net/cddcj/article/details/132403778

版权

element 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

<!-- 外部table -->
		<el-table :data="tableData1" border style="width: 100%" @expand-change="onExpand" v-loading="pload" stripe row-key="children">
      <el-table-column type="expand">
        <template #default="props">
          <!-- 内部table -->
          <el-table :data="props.row.children" border  style="width: 100%" v-loading="cload"></el-table>
        </template>
      </el-table-column>
      <!-- 外部table -->
      <el-table-column v-for="(item,index) in Pcolumns" :key="index" :label="item.label" :prop="item.prop" :min-width="item.min_width?item.min_width:0">
      </el-table-column>
    </el-table>

// 展开事件触发
onExpand(row, expandedRows){
      // 判断当前展开行
      if (expandedRows.find(ele => ele === row)) {
        debugger
        this.curElementId = row.dataId // 获取当前行ID
        this.getlistYSZ()  // 获取列表
      }
}