javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-08-26 04:27:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(components): [select] Add max-collapse-tags prop (#11378)

Browse Source 
* feat(components): [select] Add max-collapse-tags prop

closed #7429

* feat(components): [select]

* feat(components): update

* feat: update

* feat: update

* feat: update
This commit is contained in:
kooriookami
2023-03-10 15:18:21 +08:00
committed by GitHub
parent b112830d54
commit 4ea9fb344f
5 changed files with 198 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
docs/examples/select/multiple.vue
View File

@ -50,6 +50,25 @@
/>
</el-select>
</div>
<div class="m-4">
<p>use max-collapse-tags</p>
<el-select
v-model="value4"
multiple
collapse-tags
collapse-tags-tooltip
:max-collapse-tags="3"
placeholder="Select"
style="width: 240px"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</div>
</template>
<script lang="ts" setup>
@ -58,6 +77,7 @@ import { ref } from 'vue'
const value1 = ref([])
const value2 = ref([])
const value3 = ref([])
const value4 = ref([])
const options = [
{
value: 'Option1',