они получают и сохранают данные в vuex с помощью мутаций

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

вот и вся концепция

Ребят, как клонировать vnode объекты? или как поступить, когда есть реализация кастомная d'n'd, когда из драг контейнера перетаскивается элемет в дроп контейнер, то в дроп контейнер передается vnode переносимого элемента. но получается, что vnode который перетаскивался из драг контейнера в дроп контейнер, один и тот же, объекты же по ссылке передаются. посоветуйте как-нибудь решить это

я могу код скинуть как в пример

на sandbox

хотя думаю понятно описал то, что хочу решить

Во vue можно кастомную v-for директиву сделать?

Во vue можно кастомную v-for директиву сделать?

Только сурсы править. А что не хватает ?

Во vue можно кастомную v-for директиву сделать?

https://ru.vuejs.org/v2/guide/custom-directive.html

Ребят, как клонировать vnode объекты? или как поступить, когда есть реализация кастомная d'n'd, когда из драг контейнера перетаскивается элемет в дроп контейнер, то в дроп контейнер передается vnode переносимого элемента. но получается, что vnode который перетаскивался из драг контейнера в дроп контейнер, один и тот же, объекты же по ссылке передаются. посоветуйте как-нибудь решить это

ты как то неправильно пытаешься решить эту задачу

не нужно манипулировать элементами DOM

ты как то неправильно пытаешься решить эту задачу

подскажите правильный путь пожалуйста, совсем запутался

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

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

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

ну я же не элементами DOM оперировал, я объект vnode передавал дроп зоне. или вы это тоже имели ввиду, что не нужно так делать? а входящие данные передавать в компоненты, и эти данные менять уже?

оперироват нужно только данными

и рендерить их в нужном месте

сами vueкомпоненты не нужно дергать туда сюда клонировать их или еще что то с ними творить

это тебе не jquery же

это тебе не jquery же

ну а как же размеры элементов, стили к примеру? ну например я в драг контейнер ставлю массив с урлами изображений, делаю стили в для них в одном контейнера, а когда они переносятся в другой, то нужно, чтобы внешний перенесенных элементов остался такой же

это тебе не jquery же

просто я говорил еще вчера) это не тривиальный dnd, по этому я не могу к сожалению взять плагин сортабла и ли драгулы...

допустим у тебя есть родительский компонент, в нем есть дроп зона и есть свободные компоненты

в родителе есть данные о всем этом бардаке

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

ты этими данными управляя проносишь их в эти компоненты в виде пропсов

этим самым пронося их координаты, состояние и тд

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

так же как и любые другие компоненты

Вопрос по пропсам. Есть prop1 которое до определенного момента особо было не важно number/string Сейчас появилось prop2 которое обязательно должно быть Object+default Вопрос: как прописать пропсы таким образом чтобы объеденить default и prop1 мог быть как String/Number ?

ты этими данными управляя проносишь их в эти компоненты в виде пропсов

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

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

хочешь сказать что у тебя в отдельных vue компонентах которые ты дропаешь есть некий стейт, которым ты хотел бы поделиться с дроп зоной при падении?

Вопрос по пропсам. Есть prop1 которое до определенного момента особо было не важно number/string Сейчас появилось prop2 которое обязательно должно быть Object+default Вопрос: как прописать пропсы таким образом чтобы объеденить default и prop1 мог быть как String/Number ?

всем спасибо ответ нашел в validator

у меня иногда такое ощущение, что вы вопросы в чатик прогоняете через гугл транслятор

сначала по русски ему пишете, переводите на китайский и потом снова на русский

у меня иногда такое ощущение, что вы вопросы в чатик прогоняете через гугл транслятор

Я иногда так же объясняю ? Издержки принудительной билингвальности.

ну вот 100 пудово так и происходит все

А что тебе в вопросе не нравится ?

А что тебе в вопросе не нравится ?

если честно, то вопрос не понятен от слова совсем

ну что ж.

"Вопрос: как прописать пропсы таким образом чтобы объеденить default и prop1 мог быть как String/Number ?"

3 раза перечитал, не хуя не понял

что такое " обязательно должно быть Object+default"

тоже хз

сначала по русски ему пишете, переводите на китайский и потом снова на русский

ахах))

хочешь сказать что у тебя в отдельных vue компонентах которые ты дропаешь есть некий стейт, которым ты хотел бы поделиться с дроп зоной при падении?

нет) я так не хочу) но так получается) :D сейчас покажу)

что такое " обязательно должно быть Object+default"

https://vuejs.org/v2/guide/components-props.html#Type-Checks

https://vuejs.org/v2/guide/components-props.html#Type-Checks

и как понимать что такое Object + default?

даже если взять это тпример для наглядности

где обджект и где дефолт?

кака взаимосвязь?

это означает что этот пропс объект+значение по умолч

а теперь как сюда добавить пропс который может быть как стринг так и число

propB: [String, Number]

ты про это?

ага

как спросил так и нашел. я правда через валидатор сделал

тем не менее я свой вопрос понял

тк перечитал и пошел смотреть

)

https://vuejs.org/v2/guide/components-props.html#Type-Checks

Эту ссылку и только ее так часто кидают что мне кажется, что люди доку не читают вообще. Я в том числе ?

Эту ссылку и только ее так часто кидают что мне кажется, что люди доку не читают вообще. Я в том числе ?

Именно

ERROR: S client not available

ну есть такое. прочитал доку чтото в голове отложилось. пользуешься.. потом столкнулся с чем - то .. задал вопрос попутно открывая мануалы и гоголи

ну и собсна

А если сначала смотреть доку, а потом спрашивать?)

тогда нам тут скучно станет :))

А если сначала смотреть доку, а потом спрашивать?)

я итак тут почти ничего не спрашиваю )

хочешь сказать что у тебя в отдельных vue компонентах которые ты дропаешь есть некий стейт, которым ты хотел бы поделиться с дроп зоной при падении?

вот смотрите: https://codesandbox.io/s/vm2497zvw5 тут слева на права перетаскивается фотография, в правый контейнер передается vnode картинки, и этот vnode добавляется в массив vnodes, а в методе render идет цикл по vnodes. таким образом все стили и состояние элемента передается как есть, единственное, что мне не нравится, это то, что фактически эти картинки один и тот же элемент, просто выводится он несколько раз и там и там, так как объекты передаются по ссылке... делать глубокое копирование vnode в новый объект, кажется мне такой дичью...

Сколько времени заняло?

что именно?

Как получить через клас значение атрибута в mounted?

что именно?

Сколько уже времени сумарно потратил на либу?

ребят подскажите по коду: https://codesandbox.io/s/vm2497zvw5 как лучше реализовать копирование элементов с драг контейнера в дроп контейнер? я сделал передачу vnode в дроп контейнер, и он циклом их выводит, это для того, чтобы сохранялись стили и состояние элемента. но так как объекты не копируются а передаются по ссылке, то если я закину 20 элеметнов, они по сути будут одним и тем же, а мне нужно, чтобы это были разные элементы( не могу ума дать(

вот смотрите: https://codesandbox.io/s/vm2497zvw5 тут слева на права перетаскивается фотография, в правый контейнер передается vnode картинки, и этот vnode добавляется в массив vnodes, а в методе render идет цикл по vnodes. таким образом все стили и состояние элемента передается как есть, единственное, что мне не нравится, это то, что фактически эти картинки один и тот же элемент, просто выводится он несколько раз и там и там, так как объекты передаются по ссылке... делать глубокое копирование vnode в новый объект, кажется мне такой дичью...

так днд не делают конечно

забавно то что ты проверяешь mouseup в дропзоне

Сколько уже времени сумарно потратил на либу?

так в процессе все до сих пор) на тот компонент драг н дроп список потратил может часа 3

так в процессе все до сих пор) на тот компонент драг н дроп список потратил может часа 3

На все компоненты

забавно то что ты проверяешь mouseup в дропзоне

ну а как тогда тогда запустить функцию дропа в дропзоне?

так днд не делают конечно

может посоветуете что? код прокомментируете поправите? там же его немного

дропзона должна понимать что в нее что-то вошло или покинуло, что именно ты можешь передать сверху

дропающийся обхект должен уметь взлетать, далее на окно вешаешь перемещение и маусап

в момент старта перемещения говоришь родителю что взлетел такой то компонент, он же попадет в дроп зону как активный перемещаемый

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

если он находился над дроп зоной, то делаешь все что нужно - передаешь данные куда надо

если не над дроп зоной то возвращаешь все взад

то что у тебя dragTarget это vnode т.е. сам DOM элемент по сути, это конечно же херня

тебе в момент взлета объекта надо передавать не vnode, в блок данных которые должны долететь до дроп зоны

может посоветуете что? код прокомментируете поправите? там же его немного

я твой код немного переделал https://codesandbox.io/s/4q76q2k1k9

посмотри может саму идею поймешь

посмотри может саму идею поймешь

спасибо. сейчас

я само собой не стал трогать твой render в компоненте Droppable

там полный бред

Гайс! Работал кто то с jsPDF ? Как скачать всю html или все что храниться в data () ??

там полный бред

понял ваш код) спасибо) но мне больше с рендером не понятно) как мне сделать такое же, но нормально)