想要做拖拽类的界面。可以写原生drag,但比较麻烦,最简单的方法肯定是找几个已经写好的组件。
找了一下,vue的几个拖拽组件如下:
1,vue-drag-resize
git 星数: 871
特点:可以随意拖拽位置、改变大小。
在这里插入图片描述
2,vue-slicksort
git 星数:941
3, awe-dnd
不在git 上
4, vuedraggable
git 星数:13.5k
5, vue-grid-layout
git 星数:4.2k

这几个都是通过列表中的数据来拖拽,但不能实现缩放和随意变换位置的功能。
主要用来实现拖拽改变列表顺序
在这里插入图片描述
一般情况同类功能下,肯定是选星数多的。所以这类主要可以看vuedraggable

关于该插件的中文版本,可以看这个链接
link

Logo

前往低代码交流专区

更多推荐