使卡片可拖动，卡片粘在上面的卡片上

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 上面谢谢你的帮助

使卡片可拖动，卡片粘在上面的卡片上

Make a card dragable and the card stick to the one above it

javascript

frontend

laravel

vue.js

vuedraggable