Форум программистов, компьютерный форум, киберфорум
JavaScript: Vue.js
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
0 / 0 / 0
Регистрация: 22.11.2013
Сообщений: 79
1

Как правильно организовать передачу данных между компонентами для формы

29.05.2019, 17:48. Просмотров 1259. Ответов 4

Приветствую, у меня вопрос скорее к подходу.
Дано компонент с формой, где много различных полей. Часть полей таких как инпуты находятся в этом компоненте. Другая часть полей, например селекторы находятся каждый в своем компоненте-ребенке.
Меня интересует подход передачи данных в родительский компонент.
Вариант 1: В родителе есть поле data куда стекаются все данные полей. Те поля которые содержит родитель понятное дело передаются через v-model и с валидацией если она нужна вопросов нет. Дочерние компоненты передают валидированые поля посредством пропса, валидация проходит на уровне ребенка. Встает вопрос как родителю знать результат валидации, тоже передавать в виде данных?

Вариант 2: Завести стор и использовать mapGetters куда сливать данные из всех компонентов, а в родителе слушать изменения? К валидации впрочем остаются те же вопросы.

Пока что меня интересует более правильный подход к такому дереву компонентов.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
29.05.2019, 17:48
Ответы с готовыми решениями:

Как организовать передачу данных между JS и Studio?
JS лежит внутри asset/www/файл. Нужно чтоб ПЕРЕД загрузкой файлика в WebView в него передавались...

Как организовать передачу данных между объектами разных классов?
Есть объект doc в нутрии него создается еще два объекта ui и engine, engine в свою очередь создает...

Как организовать передачу файлов между КПК и ноутбуком через блютуз?
Включил блютуз и там и там, ноут обнаружил КПК, предложил ввести на КПК такой-то пароль из цифр,...

Как организовать скрытую передачу данных?
Есть необходимость передавать данные о срабатывании оборудования без использования звука и не...

4
522 / 371 / 135
Регистрация: 21.02.2019
Сообщений: 1,381
30.05.2019, 14:20 2
.. насчет правильности не буду рассуждать, просто свой подобный вариант опишу ... да, store под vuex, там все данные и (почти) все методы отправки данных на сервер .. в компонентах валидация локальная (это же валидация ввода пользователя? - ему достаточно прямо из компонента сказать "Неправильный формат email", например) ... все поля мапятся из store в компоненты через mapState, сеттятся обратно через сеттеры, отправка через this.$store.commit() ... собственно говоря, родительский компонент только для меню .... но это - субъективно ...
0
0 / 0 / 0
Регистрация: 22.11.2013
Сообщений: 79
30.05.2019, 16:11  [ТС] 3
Ну а если этот компонент переиспользуемый в нескольких формах, ну к примеру выбор валюты, как он будет знать в какое хранилище загружать данные в этот момент?
0
522 / 371 / 135
Регистрация: 21.02.2019
Сообщений: 1,381
30.05.2019, 16:40 4
kuznets,
... ммм ... если это например myCurrency в store, то какая разница, откуда это пришло? .. но нюансы могут быть, разумеется ..
0
375 / 258 / 72
Регистрация: 03.12.2015
Сообщений: 610
02.06.2019, 10:59 5
Цитата Сообщение от kuznets Посмотреть сообщение
Меня интересует подход передачи данных в родительский компонент.
Из дочерних компонентов передавать все необходимые данные нужно через события

https://ru.vuejs.org/v2/guide/... 0%B0%D1%85

Можно также создать дополнительные события, которые сообщают о результатах валидации в дочернем компоненте.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
02.06.2019, 10:59

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Как организовать передачу данных на NRF24L01+?
Нигде так и не написано внятно как же организовать передачу, то есть сам процесс инициализации...

Как организовать бесправодную передачу данных протяжностью 400 км
Добрый день! Возможно ли организовать беспроводную передачу данных протяжностью 400 км. Допустим я...

Как правильно организовать получение данных из формы ввода, при этом не зависеть от типа элементов управления на самой форме
Здравствуйте! Имеется форма ввода, на которой расположено произвольное количество разных...

Как реализовать передачу данных между аккаунтами?
Всем привет. Даже не знаю в какой раздел поместить вопрос У меня есть сайт на локалке, в нем...

Как осуществить передачу данных между формами?
например есть первое окно с листбоксом и кнопкой по нажатию на кнопку открывается другая форма с...

Организовать обмен компонентами между файлами
Даны файлы f_1,f_2,f_3,f_4,f_5 компонентами которых являются действительные числа....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.