Select formavimas cikle Vue

Žymas option taip pat galima kurti ne rankiniu būdu, o naudojant ciklą. Žiūrėkite pavyzdį:

App.vuedata() {
  return {
    selected: 'value1',
    options: ['value1', 'value2', 'value3'],
  }
}
App.vue<template>
  <select v-model="selected">
    <option v-for="option in options">{{ option }}</option>
  </select>
  
  <p>{{ selected }}</p>
</template>
Задание 1

Sukurkite select'ą, kuriuo galima pasirinkti savaitės dienos pavadinimą.

Задание 2

Sukurkite tris select'us, kuriais galima pasirinkti dieną, mėnesį ir metus.

Задание 3

Modifikuokite ankstesnę užduotį taip, kad pagal nutylėjimą select'uose būtų pasirinkta dabartinė data.