Werk met select in Vue
Werk met select
word op 'n soortgelyke wyse gedoen - die v-model-kenmerk word op die etiket geplaas,
wat aan 'n eienskap van die data-voorwerp gekoppel is. Na hierdie eienskap sal die teks
van die gekose option-etiket toegevloei word.
Die volgende kode demonstreer 'n voorbeeld van 'n keuselys:
data() {
return {
selected: 'value1', // verstekwaarde
}
}
<template>
<select v-model="selected">
<option>value1</option>
<option>value2</option>
<option>value3</option>
</select>
<p>{{ selected }}</p>
</template>
Vra die gebruiker met behulp van select
in watter stad hy/sy woon. Sorg dat die
gekose stad in 'n paragraaf vertoon word.
