element UI預設選中table的第一行，高亮顯示

要求：預設選中table的第一行，将其高亮顯示

<el-table
      ref="monthlyPlanTable"
      v-loading="listLoading"
      :data="tableData"
      stripe
      highlight-current-row
      style="width: 100%"
      @row-click="rowclick"
    >
      <el-table-column prop="projectCode" label="項目類型" align="center" :formatter="formatterProjectType" />
      <el-table-column prop="planMonth" label="計劃月度" align="center" />
      <el-table-column prop="departId" label="組織名稱" align="center" :formatter="formatterDepart" />
      <el-table-column prop="creater" label="制定人" align="center" :formatter="formatterCreater" />
      <el-table-column prop="createTime" label="制定日期" align="center" />
    </el-table>
           

通過監聽，設定表格的目前行。

tableDate 為表格的data清單值。

watch: {
    tableData: function() {
      this.$nextTick(function() {
        this.$refs.monthlyPlanTable.setCurrentRow(this.tableData[0])
      })
    }
  },