1

simple-demo/mycopy.html

@@ -130,6 +130,7 @@
             <div class="tab-content">
                 <!-- 内容项列表 -->
                 <draggable
+                        animation="300"
                         :disabled="readOnly"
                         v-model="myObj[tabName]"
                         tag="div"
@@ -229,7 +230,7 @@
     </el-tabs>
     <div v-if="!readOnly && showOptions" style="display: flex;line-height: 2em">
         <div>拖拽排序：</div>
-        <draggable v-model="tabOrder" @change="onTabOrderChange" handle=".drag-handle" style="display: flex;">
+        <draggable v-model="tabOrder" @change="onTabOrderChange" handle=".drag-handle" style="display: flex;" animation="300">
             <div v-for="tabName in tabOrder" :key="tabName" class="tab-item drag-handle">
                 <span>{{ tabName }}</span>
             </div>

simple-demo/nav.html

@@ -169,6 +169,7 @@
                 :name="tabName">
             <div class="tab-content">
                 <draggable
+                        animation="300"
                         :disabled="readOnly"
                         v-model="myObj[tabName]"
                         tag="div"
@@ -285,7 +286,7 @@
     <br>
     <div v-if="showTabManage" style="display: flex;line-height: 2em">
         <div>拖拽排序：</div>
-        <draggable v-model="tabOrder" @change="onTabOrderChange" handle=".drag-handle" style="display: flex;">
+        <draggable v-model="tabOrder" @change="onTabOrderChange" handle=".drag-handle" style="display: flex;" animation="300">
             <div v-for="tabName in tabOrder" :key="tabName" class="tab-item drag-handle">
                 <span>{{ tabName }}</span>
             </div>