el-select远程搜索第一次请求返回时间长,导致第一次请求结果覆盖第二次请求

<el-select
            v-model="startTrxNumber"
             filterable
               clearable
               remote
               remote-show-suffix
               reserve-keyword
               :remote-method="(val) => getTrxNumber(val)"
               placeholder="选项过多,请先输入关键字"
               :loading="queryLoading">
               <el-option v-for="item in TrxNumberOptions" :key="item.key" :label="item.key" :value="item.key">
               </el-option>
  </el-select>
const queryTemp = ref('');
const queryLoading = ref(null);
const TrxNumberOptions = ref(null);

function getTrxNumber(queryValue) {
  queryLoading.value = true;
  queryTemp.value = queryValue;
  selectTrxNumber({
    pageNum: 1,
    pageSize: 50,
    params: { paramPage: 'Y' },
    trxNumber: queryValue,
    orgId: queryParams.value.orgId
  }).then((res) => {
    queryLoading.value = false;
    if (queryValue === queryTemp.value) {
      TrxNumberOptions.value = res.data;
    }
  });
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容