Vue Element UI 表格点击行显示下拉框用户信息

要实现点击 el-table 中的某一行，出现下拉框显示用户信息，可以按照以下步骤进行操作：

首先，确保你已经安装了 element-ui 组件库，并且在你的 Vue 项目中正确引入了 el-table 和 el-select 组件。
在你的页面中，使用 el-table 标签创建一个表格，并绑定一个数据源，例如：

<el-table :data='tableData' @row-click='handleRowClick'>
  <el-table-column prop='name' label='姓名'></el-table-column>
  <el-table-column prop='age' label='年龄'></el-table-column>
  <el-table-column prop='gender' label='性别'></el-table-column>
</el-table>

在 data 中定义 tableData 数据源数组，并在 methods 中定义 handleRowClick 方法来处理点击事件：

data() {
  return {
    tableData: [
      { name: '张三', age: 20, gender: '男' },
      { name: '李四', age: 25, gender: '女' },
      { name: '王五', age: 30, gender: '男' }
    ],
    selectedUser: null  // 用于存储选中的用户信息
  }
},
methods: {
  handleRowClick(row) {
    this.selectedUser = row;  // 将选中的用户信息赋值给 selectedUser
  }
}

在 el-table 中的模板中添加一个 el-select 组件，用于显示用户信息的下拉框：

<el-table :data='tableData' @row-click='handleRowClick'>
  <el-table-column prop='name' label='姓名'></el-table-column>
  <el-table-column prop='age' label='年龄'></el-table-column>
  <el-table-column prop='gender' label='性别'></el-table-column>
  <template slot-scope='scope'>
    <el-select v-model='selectedUser' placeholder='请选择用户信息'>
      <el-option :label='selectedUser.name' :value='selectedUser'></el-option>
    </el-select>
  </template>
</el-table>

这样，当你点击 el-table 中的某一行时，selectedUser 会被赋值为该行的用户信息，并在下拉框中显示出来。你可以根据自己的需求修改下拉框的样式和显示内容。