vue el-option初始化默认选中一个选项

在Vue.js中，`el-option` 是 Element UI 中用于构建下拉列表的选择项。如果你想让某个 `el-option` 在页面初始化时就默认选中，你可以这样做：

<el-select v-model="selectedValue">
  <el-option
    v-for="(item, index) in options"
    :key="index"
    :label="item.label"  <!-- 这里的 label 就是显示的文本 -->
    :value="item.value"  <!-- 这里的 value 就是你想绑定到 selectedValue 的值 -->
    :default="item === defaultOption"  <!-- 如果你想选中第一个元素，可以这么设置 defaultOption -->
  ></el-option>
</el-select>

<script>
export default {
  data() {
    return {
      selectedValue: '',  // 初始化为空，后续会被 v-model 更新
      options: [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' },
      ],
      defaultOption: this.options[0],  // 如果你想默认选择第一个选项
    };
  },
};
</script>

在这里，`:default` 属性用于指定默认选中的选项。如果 `defaultOption` 对象的 `value` 等于选项的 `value`，那么该选项就会被选中。