Práce s select ve Vue

Práce s select probíhá obdobně - na tag se navěsí atribut v-model, který je svázán s vlastností objektu data. Do této vlastnosti bude ukládán text vybraného tagu option.

Následující kód ukazuje příklad práce rozbalovacího seznamu:

data() {
	return {
		selected: 'value1', // výchozí hodnota
	}
}

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

Zeptejte se uživatele pomocí select ve kterém městě žije. Zařiďte, aby se vybrané město vypsalo do odstavce.