Praca z select w Vue
Praca z select
odbywa się analogicznie - na znacznik nakłada się atrybut
v-model, który jest powiązany z właściwością
obiektu data. Do tej właściwości będzie
trafiać tekst wybranego znacznika option.
Poniższy kod demonstruje przykład działania listy rozwijanej:
data() {
return {
selected: 'value1', // wartość domyślna
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Zapytaj użytkownika za pomocą select
w jakim mieście mieszka. Spowoduj, aby
wybrane miasto zostało wypisane w akapicie.
