Vue.Draggable拖拽功能的配置使用方法

本文实例为大家分享了Vue.Draggable拖拽功能的具体代码，供大家参考，具体内容如下

使用cmd命令在项目根目录下下载安装Vue.Draggable

npm install vuedraggable 

在组件中需要使用的引入

import draggable from 'vuedraggable' 

注册组件

components:{
  draggable
 } 

vue的template代码如

 
    
    
    
     
      {{item.net}}
    
    
    
    
    {{item.time}}
    
   
  


   
    
     
    
    {{item.wqcode}}
     

    

    
    
    
      


  移动
  复制
  删除 
  导出
  编辑
  查看二维码