Vue.js 如何使用vuedraggable仅填写一个列表？

我正在使用以下库

具体使用以下示例：

可拖动1
{{element.name}
可拖动2
{{element.name}
从“vuedraggable”导入可拖动；
导出默认值{
组成部分：{
拖动
},
数据（）{
返回{
清单1：[
{姓名：“耶稣”，id:1}，
{姓名：“保罗”，身份证号码：2}，
{姓名：“彼得”，身份证号码：3}
],
清单2：[
{姓名：“Luc”，id:5}，
{姓名：“托马斯”，身份证号码：6}，
{姓名：“约翰”，身份证号码：7}
],
controlOnStart：对
}
},
方法：{
pullFunction（）{
返回此值。controlOnStart？“克隆”：true；
},
开始（{originalEvent}）{
this.controlOnStart=originalEvent.ctrlKey；
}
}   
}

我需要做的是只填写一个列表，即从可拖动1到可拖动2，目前是从可拖动1到可拖动2，从可拖动2到可拖动1，但我不需要这样

---

感谢您

SortableJs提供了一些很好的示例，其中包含如何实现这一点的示例代码。
请看一下他们的克隆演示：

它的源代码也可以从

---

希望有帮助

SortableJs提供了很好的示例，其中包含如何实现这一点的示例代码。
请看一下他们的克隆演示：

它的源代码也可以从

希望有帮助

<template>
    <v-container fluid>
        <div class="row">
            <div class="col-3">
            <h3>Draggable 1</h3>
            <draggable
                class="row wrap fill-height align-center sortable-list"
                style="background: red;"
                :list="list1"
                :group="{ name: 'people', pull: pullFunction }"
                @start="start"
            >
                <v-card class="list-group-item" v-for="element in list1" :key="element.id">
                {{ element.name }}
                </v-card>
            </draggable>
            </div>

            <div class="col-3">
            <h3>Draggable 2</h3>
            <draggable class="dragArea list-group" :list="list2" group="people">
                <v-card class="list-group-item" v-for="element in list2" :key="element.id">
                {{ element.name }}
                </v-card>
            </draggable>
            </div>
        </div>
</template>
<script>
import draggable from "vuedraggable";
export default {
    components: {
        draggable
    },
    data(){
        return {
            list1: [
                { name: "Jesus", id: 1 },
                { name: "Paul", id: 2 },
                { name: "Peter", id: 3 }
            ],
            list2: [
                { name: "Luc", id: 5 },
                { name: "Thomas", id: 6 },
                { name: "John", id: 7 }
            ],
            controlOnStart: true
        }
    },
    methods:{
        pullFunction() {
            return this.controlOnStart ? "clone" : true;
        },
        start({ originalEvent }) {
            this.controlOnStart = originalEvent.ctrlKey;
        }
    }   
}
</script>