@@ -118,6 +118,19 @@ Multiple select uses tags to display selected options.
118118 :label="i.label">
119119 </vue-option>
120120 </vue-select>
121+ <vue-select
122+ v-model="selected2"
123+ :data="options"
124+ placeholder="Select"
125+ :multiple="true"
126+ :collapse-tags="true">
127+ <vue-option
128+ v-for="i in options"
129+ :key="i.value"
130+ :value="i.value"
131+ :label="i.label">
132+ </vue-option>
133+ </vue-select>
121134</template>
122135<script>
123136 export default {
@@ -128,7 +141,8 @@ Multiple select uses tags to display selected options.
128141 { label: 'label 2', value: 2 },
129142 { label: 'label 3', value: 3 }
130143 ],
131- selected: []
144+ selected: [],
145+ selected2: []
132146 }
133147 }
134148 }
@@ -137,14 +151,15 @@ Multiple select uses tags to display selected options.
137151
138152## Select attributes
139153
140- | Attributes | Description | Type | Accepted values | Default |
141- | ------------- | --------------------------------------- | --------- | --------------- | ------- |
142- | ` data ` | List of select options | ` Array ` | - | - |
143- | ` multiple ` | Multiple select options | ` Boolean ` | | ` false ` |
144- | ` disabled ` | Disable the select | ` Boolean ` | - | ` false ` |
145- | ` placeholder ` | Placeholder of select | ` String ` | - | - |
146- | ` name ` | Same as ` name ` in native select | ` String ` | - | - |
147- | ` empty-text ` | Displayed text when there is no options | ` String ` | - | - |
154+ | Attributes | Description | Type | Accepted values | Default |
155+ | --------------- | ----------------------------------------------- | --------- | --------------- | ------- |
156+ | ` data ` | List of select options | ` Array ` | - | - |
157+ | ` multiple ` | Multiple select options | ` Boolean ` | | ` false ` |
158+ | ` collapse-tags ` | Collapse tags to a text when multiple selecting | ` Boolean ` | | ` false ` |
159+ | ` disabled ` | Disable the select | ` Boolean ` | - | ` false ` |
160+ | ` placeholder ` | Placeholder of select | ` String ` | - | - |
161+ | ` name ` | Same as ` name ` in native select | ` String ` | - | - |
162+ | ` empty-text ` | Displayed text when there is no options | ` String ` | - | - |
148163
149164## Option attributes
150165
0 commit comments