vue 给select组件赋值

你可以使用 v-model 绑定一个变量来控制 select 的值。例如：

<template>
  <div>
    <select v-model="selected">
      <option value="">请选择</option>
      <option v-for="option in options" :key="option.value" :value="option.value">{{ option.label }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: '', // 默认选中的值
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ]
    }
  }
}
</script>

在上面的例子中，我们使用 v-model 绑定 selected 变量来控制 select 的值。options 数组包含了所有选项的数据，我们使用 v-for 循环输出每一个选项。注意，第一个 option 的 value 值为空字符串，表示未选中任何选项的状态。