一、vue-draggable 安装使用npm地址：

https://www.npmjs.com/package/vuedraggable

二、表格拖拽使用， 举例：

<table class="table table-condensed"> <thead> <tr> <th>视频ID</th> <th>名称</th> <th>作者</th> <th>创建时间</th> <th>时长</th> <th>操作</th> </tr> </thead> <draggable element="tbody" class="list-group" v-model="tableData"> <tr v-for="(item,index) in tableData" :key="'item'+index"> <td>{{item.videoId}}</td> <td>{{item.name}}</td> <td>{{item.author.name}}</td> <td>{{item.createTime}}</td> <td>{{item.length}}</td> <td>删除</td> </tr> </draggable> </table> <script> import draggable from 'vuedraggable' export default { components: { draggable }, data() { return { tableData: {} } } } </script>