bootstrap-vue选择带有筛选选项的组件？

<template>
  <div>
    <b-form-select v-model="selectedOption" :options="options" filterable>
    </b-form-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: null,
      options: [
        { value: 'option1', text: '选项1' },
        { value: 'option2', text: '选项2' },
        { value: 'option3', text: '选项3' },
        // 其他选项...
      ]
    };
  }
};
</script>