el-table-v2展开全部

el-table-v2 是 Element UI 的一个表格组件，提供了丰富的功能和样式。其中，展开行功能可以让用户点击某一行时展开该行下面的详细信息。

具体实现方法如下：

1. 在 el-table 中添加 scoped slot，并绑定到一个变量上，例如：

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name"></el-table-column>
  <el-table-column label="年龄" prop="age"></el-table-column>
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-button type="text" @click="handleExpand(scope.row)">
        {{ scope.row.expanded ? '收起' : '展开' }}
      </el-button>
    </template>
  </el-table-column>
  <el-table-column label="详细信息" v-if="expandedRow">
    {{ expandedRow.info }}
  </el-table-column>
</el-table>

2. 在 data 中添加 expandedRow 变量，用于存储展开的行的详细信息：

data() {
  return {
    tableData: [
      { name: '张三', age: 18, info: '这是张三的详细信息' },
      { name: '李四', age: 20, info: '这是李四的详细信息' },
      { name: '王五', age: 22, info: '这是王五的详细信息' }
    ],
    expandedRow: null
  }
}

3. 编写 handleExpand 方法，用于切换展开/收起状态并更新 expandedRow 变量：

methods: {
  handleExpand(row) {
    if (row.expanded) {
      row.expanded = false
      this.expandedRow = null
    } else {
      this.tableData.forEach(item => {
        if (item !== row) {
          item.expanded = false
        }
      })
      row.expanded = true
      this.expandedRow = row
    }
  }
}

以上就是 el-table-v2 展开全部的实现方法，可以根据实际需求进行修改和扩展。