el-table @selection-change 单行处理

您好，对于您的问题，el-table组件提供了@selection-change事件，当用户选择表格中的一行或多行时触发。您可以在方法中处理用户选择的行数据。例如，在单行处理的情况下，可以将selection属性绑定到单个对象上，并在@selection-change事件中更新该对象。具体代码可以参考以下示例：

<template>
  <el-table :data="tableData" @selection-change="handleSelectionChange">
    <el-table-column type="selection"></el-table-column>
    <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: 22 },
        { name: '李四', age: 30 },
        { name: '王五', age: 25 },
      ],
      selectedRow: null, // 绑定选择的单行数据
    };
  },
  methods: {
    handleSelectionChange(val) {
      this.selectedRow = val[0] || null; // 更新选择的单行数据
    },
  },
};
</script>

在上面的示例中，@selection-change事件触发后，我们将选择的第一行数据赋值给selectedRow属性，这样就可以单独处理选中的单行数据了。希望对您有所帮助，如有其他疑问请随时提出。谢谢！