如何在Bootstrap Vue中创建ComboBox？

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
<script src="https://unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script>

new Vue({
  el: '#app',
  components: {
    'b-form-select': BootstrapVue.FormSelect,
    'b-form-input': BootstrapVue.FormInput,
    'b-form-group': BootstrapVue.FormGroup,
    'b-button': BootstrapVue.Button
  },
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'option1', text: 'Option 1' },
        { value: 'option2', text: 'Option 2' },
        { value: 'option3', text: 'Option 3' }
      ]
    };
  }
});

<div id="app">
  <b-form-group label="Select an option:">
    <b-form-select v-model="selectedValue" :options="options" required></b-form-select>
  </b-form-group>
  <b-button @click="submit">Submit</b-button>
</div>