Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
2 contributors

Users who have contributed to this file

@KaelWD @MajesticPotatoe
27 lines (26 sloc) 569 Bytes
<template>
<v-select
v-model="value"
:items="items"
label="Select Item"
multiple
>
<template v-slot:selection="{ item, index }">
<v-chip v-if="index === 0">
<span>{{ item }}</span>
</v-chip>
<span
v-if="index === 1"
class="grey--text caption"
>(+{{ value.length - 1 }} others)</span>
</template>
</v-select>
</template>
<script>
export default {
data: () => ({
items: ['foo', 'bar', 'fizz', 'buzz', 'fizzbuzz', 'foobar'],
value: ['foo', 'bar', 'fizz']
})
}
</script>
You can’t perform that action at this time.