sortablejs - 在 Vue.Draggable 和 Sortablejs 中设置 .sortable-drag 元素的样式

Question

我正在尝试根据某些验证状态设置拖动元素的样式。

这是我作为示例创建的 jsfiddle。在此示例中，sortable-ghost该类的样式为黄色背景和红色边框，但如果将元素放置在“不要放在此处”元素上，那么它将获得红色背景并变得更加透明。

这部分工作正常。

我想另外设计的是sortable-drag类。当得到红色背景时，我想给它一个蓝色背景，sortable-ghost但我不知道该怎么做。

在我看来，sortable-drag当您开始拖动它时，它就是该元素的精确克隆。要测试此声明，您可以在“不要放在这里”元素上放置一些东西，这将导致warnMove保持其值，在可拖动包装器上设置警告类，如果您尝试拖动任何元素，您甚至会看到它呈蓝色尽管warnMove已重置，并且不应使用蓝色背景设置样式。

http://jsfiddle.net/dct1s6nv/9/

标签： sortablejsvue.draggable