vue拖拽排序插件vuedraggable

• 首先在vue项目中，用npm包下载下来

  npm install vuedraggable -s

• 下载下来后，引入插件，在你的vue文件的script标签里面这样引入

import draggable from 'vuedraggable'

• 注册组件

components: {
    draggable
}

• 使用案例

   <draggable :list="testBasketList.question"
              :options="{ forceFallback: true }"
              class="examinationListContent">
            <div v-for="(item,index) in testBasketList.question"
                   :key="item.type_id">
                <div class="examinationTitle examinationTitleActionContent">
                    <div class="isNotClearOrder"></div>
                </div>
                <draggable :list="item.questions"
                           :options="{ forceFallback: true }">
                    <div class="questionContainer"
                         v-for="(v,k) in item.questions"
                         :key="v.id">
                         <div class="examinationContainer">
                              <div class="examinationContent">
                                   <div class="content"></div>
                              </div>
                         </div>
                    </div>
                </draggable>
            </div>
    </draggable>