День добрый. А каким образом можно реализовать красиво v-model на

Question

День добрый. А каким образом можно реализовать красиво v-model на

проп, который вглубь передается?

Layout.vue -> <SidebarLarge v-model:visible="sidebarVisible" ../>
SidebarLarge.vue -> <Sidebar v-model:visible="visible" ../>
Это не будет работать, так как проп будет мутироваться внутри SidebarLarge, поэтому внутри SidebarLarge надо заменить на

<Sidebar :visible="visible" @update:visible="$emit('update:visible', $event) ../>

Есть ли какая-то возможность избежать этой копипасты?

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

0

24.07.2021

8 ответов

3 просмотра

Dmitry TTT Автор вопроса

Grigorii K. Shartsev
Можно сделать вычисляемое свойство с геттером и се...

Эх, надеялся, что есть какой-то изящный способ, раз такая ситуация типовая, но проще тогда так оставить

0

24.07.2021

Artyom Tuchkov

Dmitry TTT
Эх, надеялся, что есть какой-то изящный способ, ра...

изящнее можно через provide/inject, но в данном случае это только усложнит понимание взаимодействия компонентов, поэтому обычный v-model - самый оптимальный вариант но лично я бы его вынес в computed, как Григорий сказал выше, шаблон будет сильно чище

0

24.07.2021

Dmitry TTT Автор вопроса

Artyom Tuchkov
изящнее можно через provide/inject, но в данном сл...

Имхо provide/inject лучше вообще избегать в обычных проектах, то ли вычитал где-то, то ли сам допер, что это как-то разве что для библиотек можно использовать, и не очень больших

0

24.07.2021

Grigorii K. Shartsev

Dmitry TTT
Эх, надеялся, что есть какой-то изящный способ, ра...

Есть RFC на более изящный вариант)

0

24.07.2021

Grigorii K. Shartsev

Dmitry TTT
Имхо provide/inject лучше вообще избегать в обычны...

Эту плашку из доки уже убрали)

0

24.07.2021

Artyom Tuchkov

Dmitry TTT
Имхо provide/inject лучше вообще избегать в обычны...

в provide/inject нет ничего плохого, если применять это с умом в новой доке к тройке есть хорошее объяснение: о них можно думать, как о пропах дальнего действия

0

24.07.2021

Dmitry TTT Автор вопроса

Artyom Tuchkov
в provide/inject нет ничего плохого, если применят...

Я пока не готов к такому, если я начну использовать это, то выйдут отличные спагетти

0

24.07.2021

Grigorii K. Shartsev · Accepted Answer

Grigorii K. Shartsev

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

0

24.07.2021

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

День добрый. А каким образом можно реализовать красиво v-model на

8 ответов

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