What to do with styles if the element-ui select component uses multiple selections and there are too many options

as shown in the title, I use the component of element-ui and set it to be multi-selectable, but if there are too many options, the position of its drop-down box will be very awkward. I want it to appear from the bottom, is there a great god who knows how to configure

clipboard.png

clipboard.png

The

code is as follows (the data is not listed):

<el-select v-model="value5" multiple placeholder="">
                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
            </el-select>
Mar.07,2022
The

select component adds the collapse-tags attribute, and then customizes the display with the tag tag.
Preview: https://jsfiddle.net/a3weydrv/


select component has this attribute: collapse-tags, give it a try.

Menu