輸入框輸入時調接口過濾數據（數據很多時），接口要配合模糊查詢

結構

        <label>使用權</label>
        <div class="select-wrapper select-wrapper2">
          <Row>
            <Col span="40" style="padding-right:10px; width: 360px">
            <Select v-model="params.useId" filterable clearable remote :remote-method="remoteMethod1"
                    :loading="loading" @on-open-change="openChange" @on-clear="onClear">
              <Option v-for="item in useId" :value="item.id" :key="item.id">{{ item.name }}</Option>
            </Select>
            </Col>
          </Row>
        </div>
        

js
data: flage: true, loading: false,

 remoteMethod1 (query) {
      if (query !== '' && query.length > 1) {
        if (query) {
          this.loading = true
          setTimeout(() => {
            this.useId = []
            this.getPropertyId(query, 1)
            this.loading = false
          }, 300)
        }
      }
    },
  // 下拉展開是觸發
   openChange () {
     this.flage = false
   },
 // 清除數據
   onClear () {
     this.flage = false
   },