轻松拖放的Easy-DnD

轻松拖放的Easy-DnD
插件名称 Easy-DnD
发布时间 2020年4月6日
插件作者 rlemaigre

Easy-DnD是Vue.js 2的拖放实现,它仅使用标准鼠标事件而不是HTML5拖放API,该API 无法使用。可以将其视为使用鼠标将数据从某些组件传输到其他组件的一种方式,或者支持鼠标辅助的复制/剪切-粘贴。它还允许通过拖放对列表进行重新排序。

有四个组件:Drag,Drop,DropMask和DropList。

Drag组件用于定义可以从中导出数据的区域。Drop组件用于定义可以将数据导入到的区域。拖放组件可以嵌套形成任意深度的层次结构。DropMask组件旨在创建一个对Drop组件顶部不敏感的孤岛。DropList组件是一种特殊的放置组件,它显示支持拖动和重新排序的项目列表。

这些演示旨在使它们漂亮并反映现实生活中的示例。有关更多准系统示例,请参见手册。

以下演示功能将列表重新排序,在两个列表之间拖放,自定义拖动图像和自定义反馈(在插入新项目时)。它使用Vuetify组件。

变更日志:

v0.1.0(10/03/2020)

  • 添加了IE 11支持