拖拽组件
react-beautiful-dnd
react-beautiful-dnd
是一个为 React
列表提供美观且易于访问的拖放功能的组件。
资源地址
Vue.draggable.next
基于 Sortable.js
的 Vue 3
兼容拖放组件,能与视图模型数组同步。
资源地址
Vue-drag-resize
用于调整大小和拖动元素的 Vue2 && Vue3 组件
资源地址
Vue3-draggable-resizable
用于拖拽调整位置和大小的的组件,同时支持冲突检测,元素吸附对齐,实时参考线。
资源地址
Sortable
Sortable
是一个用于可重新排序的拖放列表的 JavaScript
库。
特性:
- 兼容性好:支持触屏设备和大部分浏览器。
- 简单:简单的API,方便使用。
- CSS框架兼容性:支持所有的css框架,像Bootstrap。
- SPA支持良好:支持多种框架(angular、vue、react等)。
资源地址
Revue-draggable
基于 React Draggable
,使您的 Vue
组件可拖动 🤏 支持 Vue3 和 Vue2。
资源地址
vue3-dnd
基于 React DnD
开发的 Vue Composition-api 版本。
特性:
- Composition API:基于Vue的组合式API,你可以在任何组件中使用拖拽。
- 双向数据绑定:基于Vue的双向数据绑定,你可以在数据更新时自动更新UI。
- 支持Vue2和Vue3:同时支持Vue2和Vue3两个版本。
- 扩展和测试:受益于React DnD的backend设计,你可以自定义一个DnD backend, 并且可以使用 react-dnd-test-backend 测试你的拖拽组件。
资源地址
vue-draggable-plus
基于 Sortablejs 的拖拽排序模块, 支持 Vue>=v3 或 Vue >=2.7。