vue +element 封装一个选人弹窗

Vue和Element可以一起使用来封装一个选人弹窗。首先，我们需要使用Vue框架来构建弹窗组件，然后使用Element UI库来实现弹窗的样式和组件。

在Vue中，我们可以使用组件的方式来封装选人弹窗。首先，我们需要创建一个组件文件，命名为"selectUserModal.vue"。然后，在该组件中，我们可以使用Element UI的Modal组件作为弹窗容器，使用Form组件和Table组件等来展示选择人员的界面。

在"selectUserModal.vue"中，我们可以定义一个data属性来存储选择的人员信息，以及一个visible属性来控制弹窗的显示和隐藏。我们还可以定义一些方法来处理用户的选择操作，如确定选择和取消选择等。

在弹窗的界面中，我们可以使用Form组件来展示与人员选择相关的输入框，如搜索框和筛选条件等。然后，在表格中展示人员列表，可以使用Table组件，并绑定数据源和列定义。

为了实现人员选择操作，我们可以提供一个确认按钮，当用户点击确认按钮时，我们可以触发一个自定义事件，并将选择的人员信息作为参数进行传递。其他的操作，如点击表格行即选中人员，我们也可以在相应的方法中进行处理。

当组件完成后，我们可以在其他Vue页面中引用该组件，并传递参数来控制弹窗的显示。通过监听自定义事件，我们可以在父组件中获取到选择的人员信息，并进行相应的操作。

总结起来，通过Vue和Element的配合，我们可以封装一个选人弹窗组件，使其能在Vue项目中方便地使用，并具有良好的交互和样式。