素材巴巴 > 程序开发 >

Vue - 拖拽排序功能(vuedraggable)

程序开发 2023-09-11 15:02:25

使用 vuedraggable 实现拖拽排序功能

vuedraggable 中文文档: https://www.itxst.com/vue-draggable/tutorial.html

效果展示

在这里插入图片描述

实现步骤

  1. 安装依赖
    npm install vuedraggable --save

  2. 组件中引入

    import draggable from "vuedraggable";components: {draggable,
     },
     
  3. 组件中使用

    
     

标签:

上一篇: vscode快速创建react组件 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。