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>
评论