Trabalhando com select no Vue
Trabalhar com select
é feito de forma semelhante - o atributo
v-model é adicionado à tag, vinculando-o a uma propriedade
do objeto data. Nesta propriedade será
armazenado o texto da tag option selecionada.
O código a seguir demonstra um exemplo de funcionamento de uma lista suspensa:
data() {
return {
selected: 'value1', // valor padrão
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Pergunte ao usuário usando select
em qual cidade ele mora. Faça com que
a cidade selecionada seja exibida em um parágrafo.
