<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;
}
});
}
el-select远程搜索第一次请求返回时间长,导致第一次请求结果覆盖第二次请求
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 在实际vue项目使用多选框时,倘若用户需要选择多个选项,那他就需要点击多次;该代码实现点击一次即选择全部,并将全部...
- 目录ElementUI el-select一次从后端获取选项并设置默认值我的解决方案这里我的理解是ElementU...
- element-ui el-select 自定义样式覆盖 设计图样式截屏2020-10-14 上午8.45.03....