利用Vue.draggable 实现添加常用功能

具体需要实现，底部是所有all，上面是常用always，

1.常用间可以互相拖拽排序，常用不能拖到底部all

2.底部all间不能相互拖动，只可以拖动到常用，且拖动过后不可在拖动

效果：

希望对各位做类似功能的有所帮助，

demo代码：

<template>
  <div class="dndList">
    <div class="dndList-list">
      <h3>常用</h3>
      <draggable :list="list1" :options="{group:'article', disabled: disabled}"
                 @start="start22"
                 @end="end22"
                 class="dragArea11"
                 style="height: 100px">
        <div v-for="(element, index) in list1" :key="element.id" class="list-complete-item">
          <div class="list-compl