javascript - 使卡片可拖动，并将卡片粘在上面的卡片上

Question

我正在尝试制作 3 个列表。在每个列表中都有可以相互拖动的卡片。问题是卡片粘在上面的卡片上，当我尝试保存更改时，将卡片放在上面，并显示相同的列表。

其实我不懂vue。这是我第一次使用它。

这是带有拖动的卡代码：

   <v-list one-line v-if="card.lists_id ===newList.id">

   <dragable :options="{group:'newCards', animation:210}" :element="div">

        And The Card the twitter card in the doc

我把卡片做成了一个组件，这个是索引组件

 <v-flex xs12 v-for="card in cards" v-if="card.lists_id ===list.id" 
                                                     :key="card.id">
    <div class="app">

    <cardcomp :list='list' :card='card'></cardcomp>

    </div>

我想要的是我可以用一个新列表保存卡片的位置并且它不会粘住。

Answer 1

我解决了问题是我放置可拖动标签的地方我必须把它放在 v-list 上面谢谢你的帮助