el-table单选点击高亮行

要实现el-table单选点击高亮行，你可以使用以下步骤：

1. 首先，在el-table中加入一个prop为"highlight-row"的属性，即设置高亮行的属性。

2. 然后在el-table上监听row-click事件，在事件回调中获取当前点击的行的index，并将该index设置到highlight-row中。

3. 最后，在el-table中使用CSS样式设置高亮行的背景色，可以使用以下样式：

.el-table__row--highlight {
  background-color: #f5f5f5;
}

这样，当你点击el-table的某一行时，该行就会高亮显示。完整的代码如下：

<template>
  <el-table
    :data="tableData"
    :highlight-row="currentRow"
    @row-click="handleRowClick"
  >
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18
        },
        {
          name: '李四',
          age: 20
        },
        {
          name: '王五',
          age: 22
        }
      ],
      currentRow: null
    }
  },
  methods: {
    handleRowClick(row) {
      this.currentRow = row.$index
    }
  }
}
</script>

<style>
.el-table__row--highlight {
  background-color: #f5f5f5;
}
</style>