New Metronic Docs!Added Integration Docs with Starter Kits Apps for Laravel, Laravel Livewire, Angular, Vue, Symfony, Blazor Server, Django & Flask & more
Browse Docs 
how to use select2 component into vue project | Vue | Sass| metronics-8 | demo2
How to use select2 component into own project. I am using metronic theme-demo2 with vuejs.
Below both code are not working:
<select
class="form-select form-select-solid"
v-model="data.age"
>
<option></option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="65">Age 65</option>
<option value="75">Age 75</option>
<option value="100">Age 100</option>
</select>
<!--begin::Input-->
<div>
<el-select
class="form-select-solid"
placeholder="Select option"
v-model="data.status"
>
<el-option label="Approved" value="1">Approved</el-option>
<el-option label="Pending" value="2">Pending</el-option>
<el-option label="In Process" value="3">In Process</el-option>
<el-option label="Rejected" value="4">Rejected</el-option>
</el-select>
</div>
<!--end::Input-->Note: unable to post screenshot with questions
Replies (1)
Hi,<br><br>
Since the select2 plugin requires jQuery it is not included in the Vue version.<br><br>
As an alternative, you can use the Multiselect plugin or Element Plus select components.<br>
Vue Mulitiselect<br>
Element Plus<br>
