Example on 2-way binding on Vue3

I want to set a timer looks like below. So I have set it up like below. Data type: TimeData.ts export class TimeData { hours: number = 0; minutes: number = 0; seconds: number = 0; } Set up the property as a model in the child component: SettingTime.vue <template> <div class="q-pa-md"> <q-card-section class="row q-gutter-md"> <q-select class="my-select" v-model="model.hours" label="Hours" :options="hoursOptions" emit-value map-options /> <q-select class="my-select" v-model="model.minutes" label="Minutes" :options="minutesOptions" emit-value map-options /> <q-select class="my-select" v-model="model....

July 12, 2025 · 2 min