Javascript-форум (https://javascript.ru/forum/)
-   Библиотеки/Тулкиты/Фреймворки (https://javascript.ru/forum/library-toolkit-framework/)
-   -   Получить значение value в форме. (https://javascript.ru/forum/library-toolkit-framework/84477-poluchit-znachenie-value-v-forme.html)

ureech 22.09.2022 10:38

Получить значение value в форме.
 
Привет. Файл 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 23.09.2022 07:27

Решено.

рони 23.09.2022 07:36

Цитата:

Сообщение от ureech
Решено.

:-?

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

ureech 30.09.2022 16:04

Так и сделал.
<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);
        },

рони 30.09.2022 17:12

ureech,
ок!


Часовой пояс GMT +3, время: 23:25.