Skip to content

拖拽组件

react-beautiful-dnd

react-beautiful-dnd 是一个为 React 列表提供美观且易于访问的拖放功能的组件。

start

资源地址

Vue.draggable.next

基于 Sortable.jsVue 3 兼容拖放组件,能与视图模型数组同步。

start

资源地址

Vue-drag-resize

用于调整大小和拖动元素的 Vue2 && Vue3 组件

start

资源地址

Vue3-draggable-resizable

用于拖拽调整位置和大小的的组件,同时支持冲突检测,元素吸附对齐,实时参考线。

start

资源地址

Sortable

Sortable 是一个用于可重新排序的拖放列表的 JavaScript 库。

特性:
  • 兼容性好:支持触屏设备和大部分浏览器。
  • 简单:简单的API,方便使用。
  • CSS框架兼容性:支持所有的css框架,像Bootstrap。
  • SPA支持良好:支持多种框架(angular、vue、react等)。

start

资源地址

Revue-draggable

基于 React Draggable,使您的 Vue 组件可拖动 🤏 支持 Vue3 和 Vue2。

start

资源地址

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 测试你的拖拽组件。

start

资源地址

vue-draggable-plus

基于 Sortablejs 的拖拽排序模块, 支持 Vue>=v3 或 Vue >=2.7。

start

资源地址

Released under the MIT License.