vue js从大小排序_基于 Vue 丝滑般拖拽排序组件Vue-Slicksort

今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort。

4e5379c7823655dd5f900403b83f2646.png

vue-slicksort 一款功能强大的可拖拽的vue.js组件。拥有丝滑般拖拽动画效果,支持水平/垂直/网格拖拽排序。还可以自动滚动、锁定坐标系,并支持触摸。

6c5da967459b63a0b92c50fa03e87683.gif
bad00519b96ec001dd142afaf1144e05.gif

代码片段

{{ item.menuName }}

以上应用展示在首页

安装

$ npm i vue-slicksort -S

插件使用

{{ item }}

组件参数

af116d3958b371aa2239e59931038d66.png

组件事件

74f50e62fd6c37a90d32204569eb2802.png

提供各种演示示例,让拖拽排序变得如此简单。

9e9698859338f900a2dc70b42598cb65.png
e215d4b40c82bfb60415ea7cdf043f63.png

贴上示例地址及仓库地址

# 预览地址https://jexordexan.github.io/vue-slicksort/# github地址https://github.com/Jexordexan/vue-slicksort

好了,就分享到这里。感兴趣的小伙伴可以去尝试下哈。如果觉得对你有帮助可以给个赞或转发,谢谢支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值