el-table的单元格触发选人组件回调方法返回人员信息

在Vue.js的Element UI库中的`el-table`组件中，如果你想让每个单元格（cell）点击时触发一个选人组件的回调方法，并传递选中的人员信息，你可以这样做：

1. 首先，在`el-table-column`标签内设置`click事件`，例如：

<template>
  <el-table-column
    prop="name" // 这里是你想显示的字段名
    label="姓名"
    cell-template=" cellContent"
  />
</template>

<script setup>
import { ref } from 'vue';
function cellContent({ row }) {
  return `
    <el-button
      @click="$emit('selectUser', row.info)" // 触发回调并传递人员信息
    >选择</el-button>
  `;
}
</script>

这里假设`row.info`包含了你需要传递的人员信息。

2. 然后，在你的组件中，定义一个接收回调函数的`methods`：

<script setup>
import { onMounted } from 'vue';

const selectUser = (userInfo) => {
  // 这里处理选中人员的信息，比如调用其他服务、更新状态等
  console.log('Selected user:', userInfo);
};

onMounted(() => {
  // 初始化表数据
});
</script>

当用户点击单元格内的“选择”按钮，会触发`selectUser`方法并传入当前行的`info`属性。