VueDraggable的使用

# Vue.Draggable的使用

# vue3版本的使用

# 安装

# 命令行

yarn add vuedraggable@next

npm i -S vuedraggable@next

1
2
3

# js文件

<script src="//cdnjs.cloudflare.com/ajax/libs/vue/3.0.2/vue.min.js"></script>
// CDNJS :: Sortable (https://cdnjs.com/)
<script src="//cdn.jsdelivr.net/npm/sortablejs@1.10.2/Sortable.min.js"></script>
// CDNJS :: Vue.Draggable (https://cdnjs.com/)
<script src="//cdnjs.cloudflare.com/ajax/libs/Vue.Draggable/4.0.0/vuedraggable.umd.min.js"></script>

1
2
3
4
5

# 属性props

参数	说明	类型	默认值
tag	单元格	string	transition-group
component-data	定义动画类型	object
item	定义动画类型	object

使用tag属性和component-data属性创建动画

上次更新: 2023/10/22, 16:10:00

← vue3自定义指令的使用 context的使用 →