支持触屏设备和大部分浏览器的拖拽排序插件sortable

本文推荐了一款适用于Vue项目的拖拽排序插件Sortable,它在移动端表现优秀,提供了流畅的动画效果。文章简述了如何在Vue项目中安装和使用Sortable,并预告下篇将介绍其JavaScript用法及更多配置选项。
摘要由CSDN通过智能技术生成

最近用了一款比draggable还好用的拖拽插件sortable,在移动端拖拽过程中呈现的动画也是一级棒!!!

先说下这个插件在vue项目中的用法,下篇讲解下js用法。

下载地址:https://github.com/SortableJS/Vue.Draggable

 

使用方法:

一. 下载包:npm i vuedraggable -save   (后加-save 保存配置到package.json)

二. 使用:

引入依赖,注册组件

import draggable from 'vuedraggable'
  ...
  export default {
        components: {
            draggable,
        },
  ...

html:

<draggable class="page-my-menus-content" v-model="myMenus"
           :options="{group:'group01',animation:'150',filter:'.page-my-menus-add'}" @start&#
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值