vuedraggable设置禁止跨区块拖拽

触发原因：同一个vue页面循环使用了拖拽组件，但是需要块与块之间禁止关联拖拽。

:group = "item.id" group不同就可以了
。

<div v-for="item in List" :key="item.id">
 <p class="moduleP">{{item.name}}</p>
 <ul class="moduleUl">
   <draggable v-model="item.childList" :group = "item.id" @start="onStart" @end="onEnd">
     <transition-group>
       <li class="showV" v-for="itemC in item.childList" :key="itemC.cId">
          {{itemC.cName}}
       </li>
     </transition-group>
   </draggable>
 </ul>
</div>

vuedraggable使用：

1、 npm install vuedraggable

2、 在需要使用拖拽的页面引用 import draggable from 'vuedraggable';

3、 components: {draggable}