Vue el-table 默认展开某一行的实例

<el-table
  border
  ref="expandTable"
  :data="nodeList">
  <el-table-column type="expand">
    <template slot-scope="props">
      <el-form label-position="left" inline class="demo-table-expand">
        <el-form-item label="节点IP：">
          <span>{{ props.row.ip }}</span>
        </el-form-item>
        <el-form-item label="国家/城市：">
          <span>{{ props.row.country }}</span>
        </el-form-item>
        <el-form-item label="购买日期：">
          <span>{{ props.row.purchaseDate }}</span>
        </el-form-item>
        <el-form-item label="到期日期：">
          <span>{{ props.row.expiryDate }}</span>
        </el-form-item>
      </el-form>
    </template>
  </el-table-column>
  <el-table-column type="selection" width="55" align="center"/>
  <el-table-column label="序号" type="index" width="55" align="center"/>
  <el-table-column label="IP地址" align="center" prop="ip" width="150"/>
  <el-table-column label="国家/城市" align="center" prop="country" width="200"/>
  <el-table-column label="购买日期" align="center" prop="purchaseDate" sortable width="160"/>
  <el-table-column label="到期日期" align="center" prop="expiryDate" sortable width="160"/>
</el-table>

/** 查询列表 */
getList() {
  this.nodeList = [];
  // 从URL中获取的对应的主键ID
  const rowId = this.$route.query && this.$route.query.rowId;
  listNode(this.queryParams).then(response => {
    this.nodeList = response.rows;
    this.total = response.total;
    // 查找rowId对应的列表的下标值
    let index = this.nodeList.findIndex(item => item.id === this.rowId);
    if (index >= 0) {
      this.openDetail(this.nodeList[index]);
    }
  });
},
/** 展开详情 */
openDetail(row) {
  this.$nextTick(() => {
    this.$refs.expandTable.toggleRowExpansion(row, true);
  });
},

openDetail(row) {
  this.$nextTick(() => {
    for (let i = 0; i < this.$refs.expandTable.length; i++) {
      this.$refs.expandTable[i].toggleRowExpansion(row, true);
    }
  });
},

<el-table ref='tTable' :data="dataList" highlight-current-row></el-table>

selectRow(row) {
     if (row) {
       this.$refs.tTable.setCurrentRow(row, true);
     } else {
       this.$refs.tTable.setCurrentRow();  // 取消高亮
     }
}

<style lang="scss">
    .el-table__body tr.current-row>td {
        background: #453878 !important;
    }
</style>

<el-table ref='transcriptTable' :data="sentenceList" height="400" :row-class-name="transcriptTableRowClassName"></table>

    transcriptTableRowClassName({row, rowIndex}) {
        if (rowIndex === this.curSentenceRowIndex) {
            return 'speak-row';
        }
        return '';
    },

<style lang="scss">
    .el-table .speak-row {
        color: darkorange;
        font-size: 15px;
        font-weight: 500;
        background: #f0f9eb;
    }
</style>