el-table row 焦点 事件

el-table 是 Element UI 中的一个表格组件，它可以提供一些列处理事件的方法。对于 row 焦点事件，可以使用 `current-change` 事件来处理。

该事件会在表格的当前行发生改变时触发，可以通过传递一个回调函数来处理事件。例如：

<template>
  <el-table :data="tableData" @current-change="handleCurrentChange">
    <el-table-column prop="id" label="ID"></el-table-column>
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'Tom', age: 20 },
        { id: 2, name: 'Jerry', age: 22 },
        { id: 3, name: 'Mike', age: 18 }
      ]
    };
  },
  methods: {
    handleCurrentChange(val) {
      console.log('当前行发生改变，当前行数据为:', val);
    }
  }
};
</script>

在上面的例子中，我们在 el-table 组件上绑定了 `current-change` 事件，并传递了一个名叫 `handleCurrentChange` 的方法来处理事件。该方法会在每次当前行发生改变时被触发，并会打印当前行数据到控制台上。

需要注意的是，使用 `current-change` 事件需要将 `highlight-current-row` 属性设置为 true，否则无法触发该事件。