fes.js/packages/fes-doc/docs/ui/templates/select/4.md

---
layout: templateLayout
---
```vue
<template>
    <Wb-select v-model="value4" :options="arr" options-value-name="value"  options-text-name="text" filterable  @on-change="change">
                </Wb-select>
</template>
<script>
export default {
    data() {
        return {
            value4: '',
            arr: []
        }
    },
    mounted () {
        setTimeout(() => {
            let i = 0;
            this.arr = [];
            while (i < 10000) {
                this.arr.push({
                    value: i,
                    text: `option${i}`
                })
                i++;
            }
        }, 1000);
    },
    methods: {
        search(value){
            setTimeout(()=>{
                this.options = [];
                for(let i=1; i< 10; i++){
                    this.options.push(value + '|' + i)
                }
            }, 500)
        }
    }
}
</script>
```