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

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

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

npm install vuedraggable 

在组件中需要使用的引入

import draggable from 'vuedraggable' 

注册组件

components:{
    draggable
  } 

vue的template代码如

  
       
       
       

         
          {{item.net}}
        
       
        
        

       {{item.time}}
        
      
    


      
        

          
        
       {{item.wqcode}}
         

        

       
        

        

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

               
               
              
          
      
   

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。