优化动态下拉框宽度样式,和延迟获取数据

This commit is contained in:
JiangCYkk
2025-04-08 14:59:11 +08:00
parent 83a6ec1b98
commit 29573342b5

View File

@@ -1,7 +1,7 @@
<template>
<!-- 动态数据下拉选择框 -->
<el-select v-model="value" :value-key="servicekey" filterable remote clearable :placeholder="placeholder"
:loading="loading" :style="{ width: width + '%' }" :remote-method="remoteMethod" @change="handleChange"
:loading="loading" :remote-method="remoteMethod" @change="handleChange"
@clear="handleClear">
<el-option v-for="item in options" :key="item[servicekey]" :label="item[servicelabel]" :value="item" />
</el-select>
@@ -16,10 +16,6 @@ const props = defineProps({
type: String,
default: '请输入关键字',
},
width: {
type: [String, Number],
default: 100,
},
/** 动态服务名称 */
servicename: {
type: String,
@@ -61,14 +57,16 @@ function remoteMethod(query) {
if (query) {
loading.value = true;
getSelectDataList(query).then(
(response) => {
list.value = response.data.items;
options.value = list.value;
setTimeout(() => {
getSelectDataList(query).then(
(response) => {
list.value = response.data.items;
options.value = list.value;
loading.value = false;
}
);
loading.value = false;
}
);
}, 300);
}
}