👋🏻 Можно ли использовать вложенную v-model? // parent <template><Children v-model="property" /></template> // children <template><GrandChildren v-model="property"

Question

👋🏻 Можно ли использовать вложенную v-model? // parent <template><Children v-model="property" /></template> // children <template><GrandChildren v-model="property"

/><template>

// grandChildren
<template><button @click="$emit('value', 'newValueOfModel')">Update model</button.</template>

#frontend #javascript #programming #russian #vue.js

0

04.07.2021

16 ответов

15 просмотров

Illia Lebid Автор вопроса

Nikolay
Можно, но скорее всего у вас архитектурная ошибка ...

Что вы имеете ввиду?

0

04.07.2021

Nikolay

Illia Lebid
Что вы имеете ввиду?

Скорее всего, вы пытаетесь навести порядок в шаблоне через большое количество дочерних компонентов, и сохранить удобство использования v-model

0

04.07.2021

Anton Permyakov

нужно в чилдрене поймать событие и заэмитить

0

04.07.2021

Illia Lebid Автор вопроса

Nikolay
Скорее всего, вы пытаетесь навести порядок в шабло...

А что не так с этим? У меня есть один большой модуль, я решил разделить его на несколько небольших. Каждый из которых по сути модалка. Page Cart + Order + Quick Order Modal

0

04.07.2021

Illia Lebid Автор вопроса

Anton Permyakov
нужно в чилдрене поймать событие и заэмитить

Ну я через emit и сделал, просто казалось что v-model тут как раз место

0

04.07.2021

Anton Permyakov

Illia Lebid
Ну я через emit и сделал, просто казалось что v-mo...

нужно чтобы оба компонента эмитили событие

0

04.07.2021

Illia Lebid Автор вопроса

Anton Permyakov
нужно чтобы оба компонента эмитили событие

У меня v-model работает напрямую с Child, но не по цепочке Parent -> Child -> GrandChild

0

04.07.2021

Illia Lebid Автор вопроса

Illia Lebid
А что не так с этим? У меня есть один большой моду...

@agaagain Подскажите по этому

0

04.07.2021

Anton Permyakov

Illia Lebid
У меня v-model работает напрямую с Child, но не по...

потому что нужно, чтобы каждый компонент эмитил событие, я же 2 раза уже это написал

0

04.07.2021

Illia Lebid Автор вопроса

Anton Permyakov
потому что нужно, чтобы каждый компонент эмитил со...

Ну при прямой связи этого же не нужно

0

04.07.2021

Anton Permyakov

Illia Lebid
Ну при прямой связи этого же не нужно

потому что цепочки нет

0

04.07.2021

Illia Lebid Автор вопроса

Anton Permyakov
потому что цепочки нет

Ща в codesandbox сделаю пример, может по ходу и пойму что не понимаю

0

04.07.2021

Nikolay

Illia Lebid
А что не так с этим? У меня есть один большой моду...

Представление компонентов, в твоём случае - модалки это просто вьюшка, сегодня это модалки, а завтра отдельные страницы, а потом просто блоки на одной странице, source of truth должен оставаться один. Насколько я понимаю, в данном случае всю модель было бы логично хранить в Page, и из модалок обычными эмитами получать данные, беспорядка в таком случае не будет и ты не будешь строить логику исходя из вьюшки

0

04.07.2021

Illia Lebid Автор вопроса

Nikolay
Представление компонентов, в твоём случае - модалк...

Ну вся логика и храниться в Page, какое это отношение к v-model имеет. По сути ведь <input v-model="variable"> = <input :value="variable" @input="variable = $event.target.value"

0

04.07.2021

Nikolay

Illia Lebid
Ну вся логика и храниться в Page, какое это отноше...

Если хочешь - можешь написать в личку конкретно по твоей ситуации, чтоб больше контакта было, я попробую помочь объяснить как это лучше организовать

0

04.07.2021

Nikolay · Accepted Answer

Nikolay

Можно, но скорее всего у вас архитектурная ошибка в логике работы компонентов

0

04.07.2021

169 похожих чатов

👋🏻 Можно ли использовать вложенную v-model? // parent <template><Children v-model="property" /></template> // children <template><GrandChildren v-model="property"

16 ответов

Похожие вопросы