vuedraggable.clone布局排序无反应

Question

问题描述

使用vuedraggable的组件，拖动数据过去，v-for循环了list，里面的input的无法跟随id进行排序

相关代码

<draggable :list="list1" :options="{group:'article', disabled: disabled, sort: true}" @start="start22" @end="end22" class="dragArea11" style="height: 100%;">

<div v-for="(element,index) in list1" :key="element.id" @click="draggableClick(index)" :class="{'active':formListModel[index].show==true}" class="list-complete-item-clone">
  {{element.id}}
  <div class="input-box">
    <span>{{formListModel[index].name}}</span>
    <el-input v-model="formListModel[index].inputModel" :placeholder="formListModel[index].placeholder" :disabled="true"></el-input>
  </div>
</div>

</draggable>

结果集合
list1: [{"id":1553501073420,"type":1},{"id":1553501075587,"type":1},{"id":1553501076702,"type":1},{"id":1553501074288,"type":1}]

Answer 1

要拖的组件

draggable :list="data" :group="{ name: 'people', pull: 'clone', put: false }"

要放的组件

draggable v-model="temArr" group="people"

group中的name值一一对应