npm install –save lodash

<el-select
    v-model="value"
    placeholder="请选择"
    @change="selectChange"
    filterable
    remote
    clearable
    :remote-method="remoteMethod"
    :loading="remoteLoading"
    no-match-text="没有匹配到数据"
>
    <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value"
     >
     </el-option>
</el-select>

//data层
export default {
    data() {
        return {
            remoteLoading:false,
            keyWord:"",     //远程搜索条件
            options:[],     //下拉列表展示数据
            value: '',      //select绑定所选值
　　　　　　　allOptions:[],　 //全部数据
        }
    },
    computed: {
        queryParams() {
            return {
                pageSize:-1,            //-1，查询所有数据
                pageNumber:1,
                schoolKey:this.keyWord
            }
        }，
    }，
    methods：{
        remoteMethod(searchKey) {        //输入值发生变化时的回调函数
             if(searchKey !== "") {
                 this.remoteLoading = true
                 this.keyWord=searchKey
                 this.getRemote()
             } else{
　　　　       this.options = this.allOptions
　　　　  　　 }
        },
        getRemote: _.debounce(function(){
            //防抖，这里设置300毫秒请求一次后台
            this.getList(this.queryParams)
        },300),
        async getList(params) {
            //请求接口
            this.remoteLoading = false
            const [err,res] = await getInterfaceList(params)
            const data = res.datas || []
            this.options= data.map(item => {
                return {
                    value:item.value,
                    label:item.label
                }
             })
        },
    }
}