使卡片可拖动,并将卡片粘在上面的卡片上

时间:2019-06-22 03:09:59

标签: javascript laravel vue.js frontend vuedraggable

我正在尝试列出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>

我想要的是我可以用新列表保存卡的位置,而且不会粘住。

1 个答案:

答案 0 :(得分:0)

我解决了问题,这是我将可拖动标签放在v列表上方的地方,谢谢您的帮助