Как в Vue.js передать параметры от объекта к объекту путем перетаскивания?

Question

[semki096]

Вот пример https://jsfiddle.net/cameronhimself/ju4q86yb/ здесь при перетаскивании данные появляются во всплывашке. Подскажите пожалуйста как передать заливку от объекта который перетаскивается к объекту на который идет перетаскивание?

Answer 1

[Антон Шелестов]

Если правильно понял вопрос то наверно можно вот так попробовать: https://jsfiddle.net/697dfrmp/

Comments

[semki096]

Спасибо большое. Мне пока тяжеловато разобраться с этим

this.$refs.drop.$el.style.backgroundColor = window.getComputedStyle(this.$refs.drag.$el).backgroundColor

Скажите а как передать непосредственно из обьекта в обьект, может это будет проще для понимания? То есть например в перетаскиваемом обьекте будут данные цвета, типа

<div data-color="#fff">Перетаскиваемый обьект</div>

[Антон Шелестов]

Ну $refs думаю по любому нужно будет использовать, это типо ссылки на тег.
Если через атрибут data то вместо window.getComputedStyle(this.$refs.drag.$el).backgroundColor использовать
this.$refs.drag.$el.dataset.color
https://developer.mozilla.org/ru/docs/Web/Guide/HT...

window.getComputedStyle - берет css свойство из css файла загруженные барузером

[semki096]

Спасибо за подробное обьяснение!