el-table获取点击行的数据

可以通过监听表格的 `row-click` 事件，在事件回调函数中获取点击行的数据。具体步骤如下：

1. 给 `el-table` 组件绑定 `row-click` 事件监听器：

<el-table @row-click="handleRowClick">

2. 在 Vue 实例中定义 `handleRowClick` 方法，该方法接收两个参数：点击行的数据对象和点击行的索引。

methods: {
  handleRowClick(row, event, column) {
    console.log('点击行的数据：', row)
  }
}

这样，当用户点击某一行时，就会触发 `handleRowClick` 方法，你可以在该方法中拿到点击行的数据对象 `row`，然后就可以对该行数据进行操作了。

相关问题

element-plus el-table获取行数据

可以通过监听 el-table 的 row-click 或者 row-dblclick 事件，在事件处理函数中获取当前行的数据。例如：

<el-table @row-click="handleRowClick">
  <!-- 表格列定义 -->
</el-table>

// 在 methods 中定义事件处理函数
methods: {
  handleRowClick(row) {
    console.log(row); // 当前行的数据
  }
}

el-table获取懒加载数据

以下是使用Element-ui的el-table获取懒加载数据的示例：

1. 在父组件中引入子组件表格，并向子组件传递表格数据和表头数据。

<template>
  <div>
    <child-table :tableData="tableData" :tableColumns="tableColumns"></child-table>
  </div>
</template>

<script>
import ChildTable from './ChildTable.vue';

export default {
  components: {
    ChildTable
  },
  data() {
    return {
      tableData: [], // 表格数据
      tableColumns: [] // 表头数据
    };
  },
  mounted() {
    // 获取表格数据和表头数据的方法
    this.getTableData();
  },
  methods: {
    getTableData() {
      // 发送请求获取表格数据和表头数据
      // 将获取到的数据赋值给tableData和tableColumns
    }
  }
};
</script>

2. 在子组件中使用el-table渲染表格数据和表头数据。

<template>
  <div>
    <el-table :data="tableData" :columns="tableColumns"></el-table>
  </div>
</template>

<script>
export default {
  props: {
    tableData: {
      type: Array,
      default: () => []
    },
    tableColumns: {
      type: Array,
      default: () => []
    }
  }
};
</script>

通过以上示例，你可以在父组件中发送请求获取表格数据和表头数据，并将其传递给子组件，子组件使用el-table渲染数据。这样就实现了el-table的懒加载数据。