I use bootsrap 5 + vue 2 .
code html
<select id="sb_select1" name="sb_select_mark" class="selectpicker form-control" data-live-search="true" data-style="btn-select" data-title="title1">
<optgroup label="group1" v-if="items.car_marks_full">
<option v-for="(item, index) in items.car_marks_full" data-car-type="1" :data-car-link="'/cars/'+item" :value="item.id">{{ item.title }}</option>
</optgroup>
<optgroup label="group2" v-if="items.truck_marks_full">
<option v-for="(item, index) in items.truck_marks_full" data-car-type="2" :data-car-link="'/trucks/'+item" :value="item.id">{{ item.title }}</option>
</optgroup>
</select> after vue rendering html i use method
$('#sb_select1').selectpicker('refresh');
after refreshing items have a doubles, vue get correnct items, but selectpicker('refresh') method not work correctly
I use bootsrap 5 + vue 2 .
code html
after vue rendering html i use method
$('#sb_select1').selectpicker('refresh');after refreshing items have a doubles, vue get correnct items, but selectpicker('refresh') method not work correctly