2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-05-26 04:34:04 +03:00

- add include-csv plugin

- adjust default codepen theme
- update github edit base
- doc content overhaul up to localization
This commit is contained in:
Jeff
2018-01-14 20:12:26 -08:00
parent b862761cbf
commit 7e859dca18
14 changed files with 108 additions and 287 deletions
+17
View File
@@ -0,0 +1,17 @@
All of the text within the component has been wrapped within [slots](https://vuejs.org/v2/guide/components.html#Content-Distribution-with-Slots) and can be replaced in your app.
#### Loading Spinner
```html
<slot name="spinner">
<div class="spinner" v-show="mutableLoading">Loading...</div>
</slot>
```
#### No Options Text
```html
<slot name="no-options">Sorry, no matching options.</slot>
```
For a full list of component slots, view the [slots API docs](Api/Slots.md).
+2
View File
@@ -31,6 +31,8 @@ If you wanted to display `Canada` in the dropdown, you'd use the `countryName` k
<v-select label="countryName" :options="countries"></v-select>
```
[](codepen://sagalbot/aEjLPB?height=500)
### Null / Empty Options {#emptyOptions}
`vue-select` requires the `option` property to be an `array`. If you are using Vue in development mode, you will get warnings attempting to pass anything other than an `array` to the `options` prop. If you need a `null`/`empty` value, use an empty array `[]`.
+4
View File
@@ -6,6 +6,8 @@ The most common use case for `vue-select` is to have the chosen value synced wit
<v-select v-model="selected"></v-select>
```
[](codepen://sagalbot/Kqxbjw?height=250)
If you don't require the `value` to be synced, you can also pass the prop directly:
```html
@@ -21,3 +23,5 @@ By default, `vue-select` supports choosing a single value. If you need multiple
```html
<v-select multiple v-model="selected"></v-select>
```
[](codepen://sagalbot/opMGro?height=250)