element-ui封装选人控件

Element UI提供了一个el-select组件，可以用来实现选择人的功能。以下是一个简单的示例：

<template>
  <el-select v-model="selectedUser" multiple filterable>
    <el-option v-for="user in userList" :key="user.id" :label="user.name" :value="user.id"></el-option>
  </el-select>
</template>
<script>
export default {
  data() {
    return {
      selectedUser: [], // 选中的用户id数组
      userList: [
        { id: 1, name: '张三' },
        { id: 2, name: '李四' },
        { id: 3, name: '王五' }
      ] // 用户列表
    }
  }
}
</script>

这段代码中，我们使用el-select组件来实现选择人的功能。通过v-model绑定selectedUser变量，可以实时获取用户选择的结果。通过filterable属性，可以打开搜索框，方便用户快速筛选人员。通过el-option组件，我们可以循环渲染用户列表，其中label属性是展示在界面上的文本，value属性是与选项相关联的值，这里使用用户id。

当然，如果你需要更丰富的选人功能，可以考虑自己封装一个组件，以满足业务需求。