一、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>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。