element table表单

Question

我现在的问题是点击第一行，获取第一行的id，展开的内容是正确的，然后点击table列表第二行，获取第二行下面的内容，但是第一行展开的内容也变成第二行的内容了

<el-table

      :data="listsCategory"
      style="width: 100%"
      :row-key="getRowKeys"
      :expand-row-keys="expands"
      @current-change="seSpread"
    >
      <el-table-column type="expand">
        <template scope="scope">
          <tr class="add" style="display: table-row;">
            <td class="level2" colspan="5">
              <img src="../../assets/image/sub_21_30.gif" style="margin-left:54px;">
              <el-button size="mini" @click="addFeileifel(scope.row.auto_id)" type="button">添加分类</el-button>
            </td>
          </tr>
          <!-- 2 -->
          <el-table
            :data="twoCategoryList"
            style="width: 100%;margin-top: -55px;margin-left: 50px;"
            @current-change="twoseSpread"
            :row-key="getRowKeys"
            :expand-row-keys="expands"
          >

Answer 1

具体不知道你想干嘛，每次只能展开一个可以设置expand-row-keys为当前展开行的id，至于你说的点击图标获取当前行的信息，expand-change事件的第一个参数row就是当前行的信息
https://jsfiddle.net/tozy4kmx/

Answer 2

这不是可以同时多个展开的么。。。。

Answer 3

我是这么实现的，通过expand-row-keys来实现（需要为每行绑定row-key），通过绑定expand-change事件来控制expand-row-keys数组里只保留一个key。

Answer 4

谢邀，不好意思，我们公司都是自定义的。没用过这个组件。