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>
एक सिलेक्ट बनाएं, जिसकी सहायता से सप्ताह के दिन का नाम चुना जा सके।
तीन सिलेक्ट बनाएं, जिनकी सहायता से दिन, महीना और वर्ष चुना जा सके।
पिछले कार्य को इस तरह संशोधित करें, कि डिफ़ॉल्ट रूप से सिलेक्ट में वर्तमान तिथि चुनी गई हो।