本文介绍了如何使用draggable组件实现HTML表格数据的拖拽排序功能。通过设置v-model、chosen-class、sort、force-fallback和animation等属性，以及监听start、end和move事件，可以实现元素的拖动及动画效果。onMove方法用于防止表格头的拖拽操作，确保第一行数据固定不变。
这是效果图
<div class="deagg-box">
<draggable v-model="myArray" chosen-class="chosen" :sort= "true" force-fallback="true" animation="1000" @start="onStart" @end="onEnd" :move="onMove">
<transition-group>
<!-- <div class="item" v-for="element in tableData" :key="element.deptId">{ {element.deptName}} </div> -->
<div v-for="element in tableData" :key="element.deptId" class="item-box">
<svg v-if="element.icon" class="icon" aria-hidden="true"
最低0.47元/天 解锁文章
1159
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
