el-select的el-option如何设置默认选中项

对于 `el-select` 组件中的 `el-option`，可以通过设置 `v-model` 或者 `default-first-option` 来实现默认选中项的功能。

1. 使用 `v-model` 可以将选中的值绑定到一个变量上，并在该变量上设置默认值即可实现默认选中项的效果。

<template>
  <div>
    <el-select v-model="selectedOption">
      <el-option
        v-for="option in options"
        :key="option.value"
        :label="option.label"
        :value="option.value"
      ></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: 'option2' // 设置默认选中项的值
    }
  },
  computed: {
    options() {
      return [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' }
      ]
    }
  }
}
</script>

2. 另一种方法是使用 `default-first-option`，它会将第一个选项设置为默认选中项。

<template>
  <div>
    <el-select default-first-option>
      <el-option
        v-for="option in options"
        :key="option.value"
        :label="option.label"
        :value="option.value"
      ></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  computed: {
    options() {
      return [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' }
      ]
    }
  }
}
</script>

以上两种方法都可以实现默认选中项的效果，选择其中一种适合你的情况即可。