mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-19 09:50:33 +03:00
Merge branch 'master' into master
This commit is contained in:
@@ -51,7 +51,7 @@ You may now use the component in your markup
|
|||||||
Just include `vue` & `vue-select.js` - I recommend using [unpkg](https://unpkg.com/#/).
|
Just include `vue` & `vue-select.js` - I recommend using [unpkg](https://unpkg.com/#/).
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script scr="https://unpkg.com/vue@latest"></script>
|
<script src="https://unpkg.com/vue@latest"></script>
|
||||||
<!-- use the latest release -->
|
<!-- use the latest release -->
|
||||||
<script src="https://unpkg.com/vue-select@latest"></script>
|
<script src="https://unpkg.com/vue-select@latest"></script>
|
||||||
<!-- or point to a specific release -->
|
<!-- or point to a specific release -->
|
||||||
|
|||||||
@@ -46,7 +46,7 @@
|
|||||||
<div class="radio">
|
<div class="radio">
|
||||||
<label>
|
<label>
|
||||||
<input type="radio" name="reactive-options" v-model="reactive" :value="['foo','bar','baz']">
|
<input type="radio" name="reactive-options" v-model="reactive" :value="['foo','bar','baz']">
|
||||||
<v-code lang="markup"><v-select options="['foo','bar','baz']"></v-select></v-code>
|
<v-code lang="markup"><v-select :options="['foo','bar','baz']"></v-select></v-code>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<p>Install from GitHub via NPM</p>
|
<p>Install from GitHub via NPM</p>
|
||||||
<pre><v-code lang="bash">npm install sagalbot/vue-select</v-code></pre>
|
<pre><v-code lang="bash">npm install vue-select</v-code></pre>
|
||||||
|
|
||||||
<p>To use the vue-select component in your templates, simply import it, and register it with your component.</p>
|
<p>To use the vue-select component in your templates, simply import it, and register it with your component.</p>
|
||||||
<pre><v-code lang="markup"><template>
|
<pre><v-code lang="markup"><template>
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ When the list of options provided by the parent changes, vue-select will react a
|
|||||||
<div class="radio">
|
<div class="radio">
|
||||||
<label>
|
<label>
|
||||||
<input type="radio" name="reactive-options" v-model="reactive" :value="['foo','bar','baz']">
|
<input type="radio" name="reactive-options" v-model="reactive" :value="['foo','bar','baz']">
|
||||||
`<v-select options="['foo','bar','baz']"></v-select>`
|
`<v-select :options="['foo','bar','baz']"></v-select>`
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -7,6 +7,7 @@
|
|||||||
"main": "dist/vue-select.js",
|
"main": "dist/vue-select.js",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
"start": "npm run dev",
|
||||||
"dev": "node build/dev-server.js",
|
"dev": "node build/dev-server.js",
|
||||||
"dev:docs": "node build/dev-server.js --docs",
|
"dev:docs": "node build/dev-server.js --docs",
|
||||||
"build": "node build/build.js",
|
"build": "node build/build.js",
|
||||||
|
|||||||
@@ -273,7 +273,7 @@
|
|||||||
<slot name="selected-option" v-bind="option">
|
<slot name="selected-option" v-bind="option">
|
||||||
{{ getOptionLabel(option) }}
|
{{ getOptionLabel(option) }}
|
||||||
</slot>
|
</slot>
|
||||||
<button v-if="multiple" @click="deselect(option)" type="button" class="close">
|
<button v-if="multiple" @click="deselect(option)" type="button" class="close" aria-label="Remove option">
|
||||||
<span aria-hidden="true">×</span>
|
<span aria-hidden="true">×</span>
|
||||||
</button>
|
</button>
|
||||||
</span>
|
</span>
|
||||||
@@ -294,6 +294,7 @@
|
|||||||
:readonly="!searchable"
|
:readonly="!searchable"
|
||||||
:style="{ width: isValueEmpty ? '100%' : 'auto' }"
|
:style="{ width: isValueEmpty ? '100%' : 'auto' }"
|
||||||
:id="inputId"
|
:id="inputId"
|
||||||
|
aria-label="Search for option"
|
||||||
>
|
>
|
||||||
|
|
||||||
<i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i>
|
<i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i>
|
||||||
|
|||||||
Reference in New Issue
Block a user