iview的表格组件中使用下拉框，下拉框是个数组， 并且首次加载选中第一项，具体代码

好的，下面是具体的代码实现：

<template>
  <Table :data="tableData">
    <Table-column prop="name" label="姓名"></Table-column>
    <Table-column prop="gender" label="性别">
      <template slot-scope="{row}">
        <Select v-model="row.gender" :options="genderOptions" @on-change="handleChange"></Select>
      </template>
    </Table-column>
  </Table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', gender: '男' },
        { name: '李四', gender: '女' },
        { name: '王五', gender: '男' },
      ],
      genderOptions: ['男', '女'],
    };
  },
  mounted() {
    this.tableData.forEach((item) => {
      item.gender = this.genderOptions[0]; // 将下拉框的第一项设置为默认选中项
    });
  },
  methods: {
    handleChange() {
      // 处理下拉框选项变化的逻辑
    },
  },
};
</script>

在这个示例代码中，我们使用了 iview 的 Table 和 Select 组件，Table 组件展示了一个包含姓名和性别两列的表格，其中性别列使用了 Select 组件。genderOptions 变量定义了下拉框的选项数组，而 tableData 变量则定义了表格的数据。在 mounted 钩子函数中，我们循环遍历了表格数据，并将下拉框的第一项设置为默认选中项。在 Select 组件中，我们使用 v-model 指令来绑定选择的值，在 @on-change 事件中处理下拉框选项变化的逻辑。