vue3拖拽排序——vuedraggable

文章目录

  • 安装
  • 代码
  • 效果
    • 拖拽前
    • 拖拽时
    • 拖拽后

vue3 的拖拽排序博主用的是 vuedraggable

安装

安装
npm i [email protected] --save
引用
import Draggable from 'vuedraggable';

代码

html

 
      
        
  
          
        
      
    

js


效果

拖拽前

vue3拖拽排序——vuedraggable_第1张图片

拖拽时

vue3拖拽排序——vuedraggable_第2张图片

拖拽后

vue3拖拽排序——vuedraggable_第3张图片

你可能感兴趣的:(前端,前端,vue,vue3)