Vue'da select ile Çalışma
select ile çalışma
benzer şekilde gerçekleştirilir - etikete
v-model özniteliği bağlanır, bu da
data nesnesinin bir özelliğine bağlanır.
Seçilen option etiketinin
metni bu özelliğe yazılacaktır.
Aşağıdaki kod, bir açılır liste kutusunun çalışma örneğini göstermektedir:
data() {
return {
selected: 'value1', // varsayılan değer
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Kullanıcıya select kullanarak
hangi şehirde yaşadığını sorun. Seçilen şehrin
bir paragrafa yazdırılmasını sağlayın.
