elementuiselect遍历设置默认值

如果需要在 ElementUI 中的 Select 组件中根据数据来设置默认值，可以通过循环遍历数据，找到默认值，并将其赋值给绑定的数据变量。例如：

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

<script>
export default {
  data() {
    return {
      options: [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' }
      ],
      selectedValue: '' // 初始值为空
    }
  },
  mounted() {
    // 遍历数据，找到默认值并赋值给 selectedValue
    for (let i = 0; i < this.options.length; i++) {
      if (this.options[i].value === 'option2') {
        this.selectedValue = 'option2';
        break;
      }
    }
  }
}
</script>

在上面的例子中，使用 `v-for` 指令循环遍历 `options` 数组，生成 Select 的选项。然后在 `mounted` 钩子函数中，遍历数据，找到默认值 `'option2'` 并将其赋值给 `selectedValue`，这样 Select 组件的默认值就是 'Option 2'。