bootstrap-vue 选择带有过滤器选项的组件？

Question

在带有 bootstrap-vue 的 vue 项目中，我搜索 select 组件如何工作 https://bootstrap-vue.js.org/docs/components/form-select/ ，但没有看到它有任何过滤器选项吗？如果没有，是否还有其他一些带有过滤器选项的 bootstrap-vue 选择组件/库？

"bootstrap-vue": "^2.1.0"
"vue": "^2.6.10"

谢谢！

Answer 1

有可能。使用 b-form-datalist。请参阅手册中的示例https://bootstrap-vue.org/docs/components/form-input

<template>
    <b-form-input list="my-list-id"></b-form-input>

    <datalist id="my-list-id">
        <option>Manual Option</option>
        <option v-for="size in sizes">{{ size }}</option>
    </datalist>
</template>

<script>
    export default {
      data() {
        return {
          sizes: ['Small', 'Medium', 'Large', 'Extra Large']
        }
      }
    }
</script>