fix: 修复下拉框字数太多,超出部分隐藏

This commit is contained in:
shaohuzhang1 2024-10-28 15:16:33 +08:00 committed by shaohuzhang1
parent 8cc5f4b6ed
commit f3c84eeac2
2 changed files with 12 additions and 3 deletions

View File

@ -31,7 +31,7 @@
prop="default_value"
:rules="formValue.required ? [{ required: true, message: '默认值 为必填属性' }] : []"
>
<el-select v-model="formValue.default_value">
<el-select v-model="formValue.default_value" :teleported="false" popper-class="default-select">
<el-option
v-for="(option, index) in formValue.option_list"
:key="index"
@ -94,4 +94,8 @@ onMounted(() => {
:deep(.el-form-item__label) {
display: block;
}
:deep(.el-select-dropdown) {
max-width: 400px;
}
</style>

View File

@ -1,8 +1,9 @@
<template>
<el-select class="m-2" filterable clearable v-bind="$attrs" v-model="_modelValue">
<el-select filterable :teleported="false" clearable v-bind="$attrs" v-model="_modelValue">
<el-option
v-for="(item, index) in option_list"
:key="index"
teleported
:label="label(item)"
:value="item[valueField]"
>
@ -60,4 +61,8 @@ const label = (option: any) => {
return option[textField.value]
}
</script>
<style lang="scss"></style>
<style lang="scss" scoped>
:deep(.el-select-dropdown) {
max-width: 400px;
}
</style>