Vue да циклда select шакллантириш
option
тегларини
қўлда эмас, балки цикл ёрдамида ҳам яратиш мумкин.
Мисолга қара:
data() {
return {
selected: 'value1',
options: ['value1', 'value2', 'value3'],
}
}
<template>
<select v-model="selected">
<option v-for="option in options">{{ option }}</option>
</select>
<p>{{ selected }}</p>
</template>
Ҳафта куни номини танлаш имконини берадиган селект яратинг.
Кун, ой ва йилни танлаш имконини берадиган учта селект яратинг.
Олдинги вазифани шундай модификация қилингики, селектларда сунгги сана танланган бўлсин.
