温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Vue 组件总结 (一、拖拽组件 Vue-draggable)

发布时间:2020-07-14 13:23:45 来源:网络 阅读:10882 作者:v雪狐v 栏目:开发技术

一、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>
向AI问一下细节

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

AI