Получить значение value в форме.

[ureech]

Привет. Файл Field.vue

<template>
        <input class="form-control"  v-model="name"  v-bind="attrs"  />
  </template>

  <script>
  export default {
    name: 'InputText',
...
}

Файл Form.vue

<template>
    <form id="settings-form" @submit.prevent="settingsSubmit" >
<input-text :id="name"  :name="name" :req="req" ></input-text>
       <button-submit></button-submit>
    </form> 
</template>

<script>
import InputText from './Field';
export default {
...
        data(){
return{
    value:{}
}
        },
        methods: {
            settingsSubmit(){
                console.log(this.value)
            }
}

</script>

Мне надо в value поместить значение value поля. То есть как в обычной форме я бы указал v-model="value.name" Как мне это сделать в файле Form.vue? Как не пытаюсь, всё пусто.

[ureech]

Решено.

[рони]

Решено.

решил так-то и так-то ...

[ureech]

Так и сделал.

<input-text :id="name"  :name="name" :req="req" v-model="value.name" ></input-text>

А в дочернем

<input class="form-control" :value="modelValue" @input="updateValue"  v-bind="attrs"  />

methods: {
        updateValue(event) {
            this.$emit('update:modelValue', event.target.value);
        },

[рони]

ureech,
ок!