Vue.Draggable Vue 动态拖放组件开源项目

我要开发同款
匿名用户2019年07月04日
113阅读
开发技术JavaScript
所属分类Vue组件、Web应用开发、Vue 组件
授权协议MIT

作品详情

Vue.Draggable是基于Sortable.js的Vue拖放组件。它允许拖放和视图模型数组同步,基于并提供Sortable.js的所有功能。

Demo

特性完全支持Sortable.js功能:支持触摸设备支持拖动手柄和可选文本智能自动滚动支持不同列表之间的拖放没有jQuery依赖保持同步HTML和视图模型列表与Vue.js2.0transition-group兼容支持取消在需要完全控制时报告任何更改的事件重用现有的UI库组件(例如vuetify、element或vue材料等)并使用tag和componentData道具使它们可拖动安装npmoryarnyarnaddvuedraggablenpmi-Svuedraggable

请注意,对于Vue2.0而言,它是vuedraggable,而不是版本1.0的vue-draggable

浏览器<scriptsrc="//cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script><!--CDNJS::Sortable(https://cdnjs.com/)--><scriptsrc="//cdn.jsdelivr.net/npm/sortablejs@1.8.4/Sortable.min.js"></script><!--CDNJS::Vue.Draggable(https://cdnjs.com/)--><scriptsrc="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/2.20.0/vuedraggable.umd.min.js"></script>
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论