给组件添加collapse-tags属性,无法显示的时候它会在后面显示一个+N的标签,告诉用户后面还有多少个,如果只是增加一个+N的标签,对于用户来说不是很明显当前到底选了哪些项,这时你再添加collapse-tags-tooltip属性,你会发现这交互就非常棒了,详见下图:
element-plus/element-plusPublic NotificationsYou must be signed in to change notification settings Fork17.5k Star25.1k Issue Remove Inactive Sign in to view logs Triggered via issueSeptember 3, 2024 03:57 H-Sven commented on#18126cf23d10 ...
<el-select style="width: 192px" v-model="form.xxx" clearable filterable multiple collapse-tags collapse-tags-tooltip class="multiple-select" > ... </el-select> .multiple-select { .el-select__selection { flex-wrap: nowrap; } .el-select__selected-item:first-child { max-width: 50%; ....
<el-option label="通用产品"value="9"/> </el-select> <el-select placeholder="请选择设备组" class="select-device-group" v-model="searchForm.deviceGroup" multiple clearable collapse-tags collapse-tags-tooltip :max-collapse-tags="3" > <el-option label="公共设备组"value="1"/> </el-selec...
(1)/src/views/Example/ElSelect/index.vue <template><divclass="index"><el-selectsize="small"placeholder="请选择游戏"value-key="id"style="width: 100%"multiplefilterableclearablecollapse-tags:reserve-keyword="false"collapse-tags-tooltipv-model="gameParam.gameSelectedList"@remove-tag="handleGameItem...
<el-tooltip content="支持多选" placement="top"> <el-form-item> <el-select v-model="form.exam" placeholder="请选择考试" multiple collapse-tags clearable @change="changeExam" > <el-option label="全选" value="全选" @click.native="selectAll(form.exam,exam)">...
el-option, el-select就是下拉框,所以需要使用 v-model双向绑定数据。...这个时候,我们可以添加 collapse-tags属性,这样子,这样子就只会显示一个选项,没显示的以数量的形式在后面。...再添加 collapse-tags-tooltip属性,还能实现,悬浮在 +X上方时,显示全部选中的选项。...:label="item" :value="item" > i...
[thenCollapse=false] */ this.saveRange = function (thenCollapse) { lastRange = this.createRange(); if (thenCollapse) { lastRange.collapse().select(); } }; /** * restoreRange * * restore lately range */ this.restoreRange = function () { if (lastRange) { lastRange.select(); ...
YearListSelectorColor YesNoPreferenceStyle ZAdjustment ZygotePreloadName Properties Resource.Boolean Resource.Color Resource.Dimension Resource.Drawable Resource.Fraction Resource.Id Resource.Integer Resource.Interpolator Resource.Layout Resource.Menu Resource.Mipmap Resource.Plurals Resource.Raw Resource.String Resou...
Once you have the unselected state bookmarked, you’ll need to turn on Allow deselection and select the bookmark that you want to Launch on deselection: If the bookmark that you’re using for deselection is within the bookmark navigator already, you can choose to Hide the deselection boo...