как использовать multiselect в vuejs?


как использовать multiselect в vuejs?

26.02.2020 11:54:17 Просмотров 23 Источник

я хочу создать выпадающее меню multiselect в laravel + vuej js. может ли кто-нибудь поделиться со мной примером?

<label>Difficulty Level</label>
                        <select
                            v-model="form.difficulty_level"
                            name="difficulty_level"
                            placeholder="Enter  Difficulty Level"
                            class="form-control"
                            :class="{
                                'is-invalid': form.errors.has(
                                    'difficulty_level'
                                )
                            }"
                        >
                            <option value="null" disabled selected
                                >Select Difficulty</option
                            >
                            <option value="Easy">Easy</option>
                            <option value="Medium">Medium</option>
                            <option value="Hard">Hard</option>
                        </select>
У вопроса есть решение - Посмотреть?

Ответы - как использовать multiselect в vuejs? / how to use multiselect in vuejs?

Является ответом!
kp85

26.02.2020 11:57:09

HTML

<div>
<label class="typo__label">Single select</label>
<multiselect v-model="value" :options="options" :searchable="false" :close-on- 
select="false" :show-labels="false" placeholder="Pick a value"></multiselect>
<pre class="language-json"><code>{{ value  }}</code></pre>
</div>

javascipt

import Multiselect from 'vue-multiselect'

export default {
components: {
Multiselect
},
data () {
return {
   value: '',
  options: ['Select option', 'options', 'selected', 'mulitple', 'label', 'searchable', 
  'clearOnSelect', 'hideSelected', 'maxHeight', 'allowEmpty', 'showLabels', 
  'onChange', 'touched']
}
}
}
Помочь в развитии проекта:
Закрыть X