本文介绍了如何使用Sortable.js库实现一个表格的行拖拽功能，包括npm安装、导入Sortable库，以及在Vue组件的mounted钩子中设置拖拽事件监听。在拖拽结束后，通过更新数据和调用接口来完成表格数据的位置交换。注意，必须设置row-key以确保拖拽后的表格顺序正确。
<el-table ref="sourceTable" row-key="programid" class="tableList" :data="resourceData" v-if="resourceData.length > 0" size="small" @selection-change="selectionChange" >
<el-table-column type="selection" width="50"></el-table-column>
<el-table-column type="index" :index="setIndex()" label="序号" width="50" show-overflow-tooltip></el-table-column>
<el-table-column prop="programid" width="100" label="节目ID" show-overflow-tooltip></el-table-column>
<el-table-column prop="name" label="节目名称" show-overflow-tooltip></el-table-column>
<el-table-column prop="source" width="100" label="提供商
最低0.47元/天 解锁文章
扫一扫
107
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
