vue下拉选择加默认值

在Vue.js中，给下拉选择添加默认值通常是在组件的`data`选项中定义一个`selectedValue`变量，然后在下拉选项的`v-model`属性上绑定这个变量。下面是一个基本的例子：

<template>
  <select v-model="selectedValue">
    <option value="">请选择</option> <!-- 默认显示为空值 -->
    <option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}</option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',  // 设置默认值为空字符串，可以修改为其他值如数组的第一个元素
      options: [
        { value: '1', label: '选项A' },
        { value: '2', label: '选项B' },
        { value: '3', label: '选项C' },  // 或者你可以直接设置默认项为第一个对象
      ],
    };
  },
};
</script>

在这个例子中，当你创建组件时，默认选中的将是第一个选项（如果没有显式指定默认值）。如果希望根据某个条件自动选择一项，可以在`created()`生命周期钩子里设置`selectedValue`。