vue+elementUi做的一个带输入建议的input框

 

   <el-col :span="8">
            <el-autocomplete
              class="inline-input"
              v-model="screen.imageNme"
              :fetch-suggestions="querySearch"
              placeholder="请输入内容"
              @select="handleSelect"
            ></el-autocomplete>
          </el-col>

querySearch(queryString, cb) {

      if (queryString == "") {

        cb(里面放要建议的数据);

      } else {

        TargetListBytion接口名称({ condition: queryString }).then(res => {

          this.restaurant = res.data;

        //这个插件只能过滤key为value得值.所以要把获取到得后台字段给重新赋值为value

          res.data.map(item => {

            item.value = item.targetName;

            return item;

          });

          cb(res.data);

        });

      }

    },

  

  createFilter(queryString) {

      return restaurant => {

        return (

          restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) ===

          0

        );

      };

    },

    loadAll() {

      return this.restaurant;

    },

handleSelect(item){}