vue+iview远程搜索

利用远程搜索来实时从数据库中调取数据，不必查出所有数据，在数据库内数据庞大的情况下可以显著提高查找效率

html界面代码：

<el-select
v-model="maintenancePlan.equipmentId" filterable
remote  placeholder="请输入关键词"
:remote-method="remoteMethod" :loading="loading"> <el-option
v-for="item in equipmentList" :key="item.id"
:label="item.equipName" :value="item.id"> </el-option>
 </el-select>

js代码：

getEquipmentListSuc(data){
        	this.equipmentList=data.obj;
        },
        /**
         * 远程搜索
         */
        remoteMethod(query) {
            //query为输入的数据
            if (query !== '') {
                this.loading = true;
                //定时器，限定输入框输入100毫秒后显示查询数据结果
                setTimeout(() => {
                    this.loading = false;
                    let url = '/equipment/selec