Lavorare con select in Vue
Il lavoro con select
si svolge in modo analogo - sull'etichetta viene applicato l'attributo
v-model, che viene associato a una proprietà
dell'oggetto data. In questa proprietà
verrà inserito il testo dell'etichetta option selezionata.
Il seguente codice dimostra un esempio di funzionamento di un menu a tendina:
data() {
return {
selected: 'value1', // valore predefinito
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Chiedi all'utente tramite select
in quale città vive. Fai in modo che
la città selezionata venga visualizzata in un paragrafo.
