具有绑定值的ComboBox项

// 示例代码（使用Vue.js）
<template>
  <div>
    <select v-model="selectedValue">
      <option v-for="item in options" :key="item.value" :value="item.value">
        {{ item.text }}
      </option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { text: 'Option 1', value: '1' },
        { text: 'Option 2', value: '2' },
        // ...
      ]
    };
  }
};
</script>

// 示例代码（使用Vue.js）
<template>
  <div>
    <select v-model="selectedValue">
      <option v-for="item in options" :key="item.value" :value="item.value">
        {{ item.text }}
      </option>
    </select>
    <button @click="updateOptions">Update Options</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { text: 'Option 1', value: '1' },
        { text: 'Option 2', value: '2' },
        // ...
      ]
    };
  },
  methods: {
    updateOptions() {
      // 模拟数据更新
      this.options = [
        { text: 'New Option 1', value: 'new1' },
        { text: 'New Option 2', value: 'new2' },
        // ...
      ];
    }
  }
};
</script>