vuedraggable 实战各种小技巧(长期更新)

前言

vuedraggable 是一个基于 Sortable.js 库的 Vue.js 拖拽功能组件。

资料

npm 地址 下载量还是蛮高的

github 地址 star 数还是蛮多的

官网在线示例

Sortable.js 库 github 地址

简单的安装与使用

  1. 安装

    yarn add vuedraggable
    # or
    npm i -S vuedraggable
    
  1. 使用(源码出处 custom-clone)

    
    
    
    
    
    

项目使用中具体需要注意的细节

  1. 当使用两个拖拽组件,需要向目标组件拖拽时无效。

    当使用两个拖拽组件,需要向目标组件拖拽时,需要注意:两个字段值,它们的值必须得是相同的。

    这样的话,两个组件的拖拽功能才能生效,具体如下:

    • 拖拽组件
    拖拽组件
-  目标组件
>![目标组件](https://upload-images.jianshu.io/upload_images/9064013-d7a22f75fe066050.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

你可能感兴趣的:(vuedraggable 实战各种小技巧(长期更新))