Vue可拖动：拖动但不会掉落

Question

我正试图获得nested draggable list working无济于事；该组件似乎是反应性的（可以拖动），但删除失败。

我已经阅读了vue可拖动的文档，但还没有解决该问题的方法。嵌套列表是否不受支持，或者我在组件注册中缺少某些内容？

//vue component
<div v-for="(l, kl) in lists" class="col-7">
  <h3>Jour {{l.jour}}</h3>
  <draggable v-model="l.list" tag="ul" class="list-group" handle=".handle">
   <p>Session {{l.session}}</p>
   <li
     class="list-group-item"
     v-for="(element, idx) in l.list"
     :key="element.name"
   >
     <i class="fa fa-align-justify handle"></i>
     <span class="text">{{ element.name }} </span>
     <input type="text" class="form-control" v-model="element.text" />
   <i class="fa fa-times close" @click="removeAt(idx, kl)"></i>
   </li>
  </draggable>
</div>