VUE input自动补全加载数据

VUE input下拉框加载

      <el-form-item label="标题" prop="参数名" label-width="100px">
            <el-autocomplete
               ref="autocomplete_client"
               v-model="searchForm.CLIENT_CD"
               v-loading="clientsLoading"
               :fetch-suggestions="report_Client"
               placeholder=""
               :trigger-on-focus="false"
               clearable
               style="width: 100%"
             />
           </el-form-item>

   report_Client(queryString, cb) {
      var restaurants = 数据源的数组
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      cb(results)
      this.$refs.autocomplete_client.handleFocus() // 获得句柄(目的：删除后自动补全可用)
    },
    
    createFilter(queryString) {
      return (restaurant) => {
        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) > -1)
      }
    }