Trabajo con select en Vue
El trabajo con select
se realiza de manera similar - al tag se le agrega el atributo
v-model, que se vincula a una propiedad
del objeto data. En esta propiedad
se almacenará el texto del tag option seleccionado.
El siguiente código demuestra un ejemplo de funcionamiento de una lista desplegable:
data() {
return {
selected: 'value1', // valor por defecto
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Pregunte al usuario mediante un select
en qué ciudad vive. Haga que la
ciudad seleccionada se muestre en un párrafo.
