Есть обычный родительский компонент. Который должен передавать в дочерний компонент некий реактивный объект и получать обратно при изменении.
<template>
<section>
<cl-component v-model="data"></cl-component >
</section>
</template>
<script lang="ts">
export default defineComponent({
setup() {
const data= reactive({
HH: "09",
MM: "50",
})
return {
data,
}
},
})
</script>
Дочерний компонент. Который выводит список времени. При нажатии на ячейку времени, срабатывает функция selectTime. Как вернуть эти данные обратно в родителя?
<template>
....
</template>
<script lang="ts">
export default defineComponent({
props: {
modelValue: {
type: Object,
default: () => {
return {
HH: "00",
MM: "00",
}
},
},
},
emits: ["update:modelValue"],
setup(props, context) {
const hour = ref("" as string)
const minute = ref("" as string)
const selectTime = (type: string, value: string) => {
// ...
hour.value = value
// ...
minute.value = value
//context.emit("update:modelValue", {???????})
}
return {
hour,
minute,
}
},
})
</script>