Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Maison012's avatar

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);
                })
            }
        },
    }
0 likes
1 reply

Please or to participate in this conversation.