今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort。
![4e5379c7823655dd5f900403b83f2646.png](https://i-blog.csdnimg.cn/blog_migrate/ba8db758e88920020a4ec5514d02190e.jpeg)
vue-slicksort 一款功能强大的可拖拽的vue.js组件。拥有丝滑般拖拽动画效果,支持水平/垂直/网格拖拽排序。还可以自动滚动、锁定坐标系,并支持触摸。
![6c5da967459b63a0b92c50fa03e87683.gif](https://i-blog.csdnimg.cn/blog_migrate/a9f4c666036b2860ed7dc683273bf5e1.gif)
![bad00519b96ec001dd142afaf1144e05.gif](https://i-blog.csdnimg.cn/blog_migrate/bc0ef00e9de0971fde952b6a085fcf94.gif)
代码片段
![]()
{{ item.menuName }}
![]()
以上应用展示在首页
安装
$ npm i vue-slicksort -S
插件使用
{{ item }}
组件参数
![af116d3958b371aa2239e59931038d66.png](https://i-blog.csdnimg.cn/blog_migrate/83301b64633b225ea7e5098bbcf94740.jpeg)
组件事件
![74f50e62fd6c37a90d32204569eb2802.png](https://i-blog.csdnimg.cn/blog_migrate/a91b7df856276aae56835c2dadd2e479.jpeg)
提供各种演示示例,让拖拽排序变得如此简单。
![9e9698859338f900a2dc70b42598cb65.png](https://i-blog.csdnimg.cn/blog_migrate/fe56b811fa9ee4c8d63ba6e274cd5c90.jpeg)
![e215d4b40c82bfb60415ea7cdf043f63.png](https://i-blog.csdnimg.cn/blog_migrate/c704305109b441117469bb56eeebedc1.jpeg)
贴上示例地址及仓库地址
# 预览地址https://jexordexan.github.io/vue-slicksort/# github地址https://github.com/Jexordexan/vue-slicksort
好了,就分享到这里。感兴趣的小伙伴可以去尝试下哈。如果觉得对你有帮助可以给个赞或转发,谢谢支持!