el-select默认选中第一个

如果你想在使用 Element UI 的 el-select 组件时默认选中第一个选项,可以使用 v-model 指令来绑定到一个数据属性上,然后将这个属性设置为第一个选项的 value 值。

例如,假设你有一个数据属性 selectedOption,你可以这样绑定它:

<template>
  <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>
</template>
<script>
export default {
  data() {
    return {
      selectedOption: '',
      options: [
        { value: 'Option 1', label: '选项 1' },
        { value: 'Option 2', label: '选项 2' },
        { value: 'Option 3', label: '选项 3' }
  mounted() {
    this.selectedOption = this.options[0].value
</script>

在 mounted 钩子函数中,我们将 selectedOption 设置为 options 数组的第一个元素的 value 值。这样,当组件渲染完成之后,el-select 就会被默认选中第一个选项。

注意:如果你在绑定 v-model 时使用了修饰符 .number 或 .trim,那么你需要使用对应的类型来设置 selectedOption 的初始值。例如,如果你使用了 .number 修饰符,那么 selectedOption 就应该设置为数字类型的值。

  •