el-ui 字典dict 下拉select 默认选中第一个值（若依）

在若依中使用el-ui的el-select组件时，若要默认选中下拉菜单的第一个值，可以通过设置v-model绑定的数据默认值为下拉选项中的第一个值。

以下是一个简单的例子：

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <el-option
      v-for="(item, index) in dictOptions"
      :key="index"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
 
<script>
export default {
  data() {
    return {
      selectedValue: '', // 默认值设为空字符串
      dictOptions: [ // 假设这是从后端获取的字典数据
        { label: '选项1', value: 'value1' },
        { label: '选项2', value: 'value2' },
        { label: '选项3', value: 'value3' }
      ]
    };
  },
  mounted() {
    this.selectedValue = this.dictOptions[0].value; // 在mounted钩子中设置默认选中第一个值
  }
};
</script>

在这个例子中，selectedValue被初始化为一个空字符串，然后在mounted生命周期钩子中，它被设置为dictOptions数组中第一个对象的value。这样，当页面加载时，el-select就会默认选中第一个下拉菜单的值。