當我們在做卡片的拖移的時候可能不只要改動同一個 list 我們也需要改動另外一個 list。
那先在 data 裡面新增兩個 list
data: {
//第一個 list
list: [{
name: "John"
}, {
name: "Joao"
}, {
name: "Jean"
}],
//第二個 list
list2: [{
name: "Juan"
}, {
name: "Edgard"
}, {
name: "Johnson"
}]
}
在 id = "myApp"
裡面加上標籤
//
<h2>第一個 list </h2>
<draggable v-model="list" class="dragArea" :options="{group:'people'}">
<div v-for="element in list">{{element.name}}</div>
</draggable>
<h2>第二個 list </h2>
<draggable v-model="list2" class="dragArea" :options="{group:'people'}">
<div v-for="element in list2">{{element.name}}</div>
</draggable>
是不是這樣就可以了呢!