Εργασία με select στο Vue

Η εργασία με το select πραγματοποιείται ανάλογα - στο tag προστίθεται το attribute v-model, το οποίο συνδέεται με μια ιδιότητα του αντικειμένου data. Σε αυτή την ιδιότητα θα εμφανίζεται το κείμενο του επιλεγμένου tag option.

Ο ακόλουθος κώδικας δείχνει ένα παράδειγμα λειτουργίας μιας αναδυόμενης λίστας:

data() {
	return {
		selected: 'value1', // προεπιλεγμένη τιμή
	}
}

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

Ρωτήστε τον χρήστη με τη βοήθεια select σε ποια πόλη ζει. Κάντε έτσι ώστε η επιλεγμένη πόλη να εμφανιστεί σε μια παράγραφο.