fix: 修复下拉框字数太多,超出部分隐藏
This commit is contained in:
parent
8cc5f4b6ed
commit
f3c84eeac2
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user