Jun 10, 2021
0
Level 1
What is the best options for dropdown search box in select option in vue.js 3
Hello, I need a dropdown select search box in select option for input in form. e.g.
I am using bootstrap 5 and Vue.js 3 in my application. Please suggest me the best solution. I have found the vue-search-select, vue-next-select but they are not working for Vue.js 3.
<label class="col-lg-2 my-1 col-form-label" for="hospital_id">Select Hospital:</label>
<div class="col-lg-4 my-1">
<select class="form-control " v-model="patient.hospital_id"
name="hospital_id" required data-live-search="true">
<option value="" selected>Select Hospital</option>
<option v-for="hos in hospitals" :key="hos.id" :value="hos.id">{{ hos.name }}</option>
</select>
</div>
I will appreciate with best example. Thanks in advance.
Please or to participate in this conversation.