vue默认获取el-table第一行数据

Vue.js 没有默认获取 el-table 表格第一行数据的功能，但可以通过自定义方法来实现。

可以使用 $refs 来获取 el-table 组件，然后通过表格数据的索引值来获取指定行的数据。例如：

<template>
  <el-table ref="table" :data="tableData">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="age" label="Age"></el-table-column>
    <el-table-column prop="gender" label="Gender"></el-table-column>
  </el-table>
  <button @click="getFirstRow">Get First Row</button>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Alice', age: 25, gender: 'Female' },
        { name: 'Bob', age: 30, gender: 'Male' },
        { name: 'Charlie', age: 35, gender: 'Male' },
      ],
    };
  },
  methods: {
    getFirstRow() {
      const firstRow = this.$refs.table.data[0];
      console.log(firstRow);
    },
  },
};
</script>

在这个示例中，我们通过 $refs 获取 el-table 组件，并在 getFirstRow 方法中获取 tableData 数组的第一个元素，即表格的第一行数据。你可以将这个方法绑定到一个按钮上，以便在用户点击该按钮时获取第一行数据。