关于

Vue3 DnD是基于React DnD 开发的Vue Composition-api 版本。我们会尽可能的保证它与React DnD的功能一致,甚至于你可以把该文档看作是React DnD的部分文档(当然,react hooks api的依赖部分除外)。

安装

# 安装
pnpm install vue3-dnd react-dnd-html5-backend
# 或者
npm install vue3-dnd react-dnd-html5-backend
# 或者
yarn add vue3-dnd react-dnd-html5-backend
copy success

react-dnd-html5-backend 是一个React DnD 的插件,它提供了一个HTML5的拖放支持;你也可以使用react-dnd-touch-backend 提供触摸拖放支持。

特性

Composition API

基于Vue的组合式API,你可以在任何组件中使用拖拽。

双向数据绑定

基于Vue的双向数据绑定,你可以在数据更新时自动更新UI。

支持Vue2和Vue3

同时支持Vue2和Vue3两个版本

扩展和测试

受益于React DnD的backend设计,你可以自定义一个DnD backend,并且可以使用 react-dnd-test-backend 测试你的拖拽组件。

问题和建议

可以在GitHub 上提交issue或者pull request。

感谢

感谢React DnD 的作者,他们的开源项目是我们的基础。

感谢设计师王珩提供的logo。