У меня есть два компонента
ребенок-component.vue
<template>
<div class="container">
<slot>
</div>
</template>
родитель-component.vue
<template>
<my-component>
<input type="text" v-model="myinput1">
<input type="text" v-model="myinput2">
<input type="text" v-model="myinput3">
</my-component>
</template>
<script>
export default {
data() {
return {
myinput1: '',
myinput2: '',
myinput3: '',
}
}
}
</script>
Мне нужно установить значения каждого поля ввода внутри слота непосредственно из дочернего компонента (количество полей ввода может измениться).
Есть ли способ достичь этого без запуска события от дочернего компонента?
Спасибо