antd table 可展开行的多种控制

table中有可展开行，可以点击前面的加减号实现，也可以自己在操作列中增加“展开收起”的操作按钮，注意当添加了自己的“展开收起”后，原来的可能会失效，所以我将代码全部处理了。

 <a-table
              :columns="sourcesTableColumns"
              :pagination="false"
              :data-source="SourceList"
              :expandedRowKeys="expandedRowKeys"
              :rowKey="(record,index)=>{return record.id}"  
              @expand="onExpand"
              bordered
            >
              <template slot="action" slot-scope="text, record, index">
                 <a href="javascript:;" class="add" @click="handleExpand(record)" v-else>{{expandedRowKeys.indexOf(record.id)==-1?'展开':'收起'}}</a>
              </template>
              <p slot="expandedRowRender" slot-scope="record"  >
                {{ record.content }} />
              </p>
            </a-table>

 data() {
    return {
      sourcesTableColumns: sourcesTableColumns,
      expandedRowKeys:[] // table - 展开的行
    };
  },
 handleExpand(record) {
      let key = record.id;
      if (this.expandedRowKeys.length > 0) {
        let index = this.expandedRowKeys.indexOf(key);
        if (index > -1) {
          this.expandedRowKeys.splice(index, 1);
        } else {
          this.expandedRowKeys = [];
          this.expandedRowKeys.push(key);
        }
      } else {
        this.expandedRowKeys.push(key);
      }
    },
    onExpand (expanded, record) {
      if (expanded) {
        this.expandedRowKeys.push(record.id)
      } else {
        this.expandedRowKeys.splice(this.expandedRowKeys.indexOf(record.id), 1)
      }
    },