How to pass option value from select2 to vue component
how can i pass value from select2 on v-model on vue js. I need to save this data on my db.
I use a javascript function for my select
let data = fetch('../json/al-territory.json')
.then(response => response.json())
.then(json => {
let cities = json.map(x => x.city);
let placeholder = "select";
$(".mySelect").select2({
data: cities,
placeholder: placeholder,
allowClear: false,
minimumResultsForSearch: 5
});
});
<div class="add-new-territory">
<select v-model="add_territory" class="mySelect form-select" multiple="multiple" style="width: 100%;"></select>
<button @click="addTerritory()" type="button" class="btn btn-sm btn-success">
Save
</button>
</div>
export default {
data() {
return {
add_territory: [],
}
},
methods: {
addTerritory() {
axios.post('/territory', {
territory_name: this.add_territory,
})
.then(response => {
console.log(response);
})
}
},
}
Please or to participate in this conversation.