Lucrul cu select în Vue

Lucrul cu select se realizează în mod similar - pe tag se atașează atributul v-model, la acesta se leagă o proprietate a obiectului data. În această proprietate va ajunge textul tag-ului option selectat.

Următorul cod demonstrează un exemplu de funcționare a listei drop-down:

data() {
	return {
		selected: 'value1', // valoarea implicită
	}
}

<template>
	<select v-model="selected">
		<option>value1</option>
		<option>value2</option>
		<option>value3</option>
	</select>
	
	<p>{{ selected }}</p>
</template>

Întrebați utilizatorul cu ajutorul select în ce oraș locuiește. Faceți în așa fel încât orașul selectat să fie afișat într-un paragraf.