vueDraggable属性
| 参数 | 说明 | 类型 |
|---|---|---|
| delay | 定义鼠标选中列表单元可以开始拖动的延迟时间 | Number |
| disabled | 定义是否此sortable对象是否可用 | Boolean |
delay
vue.draggable delay 鼠标按下后等待n秒才允许拖动,此属性可以一定程度上防止误触操作,比如设置delay为80表示按下0.08秒后才允许拖动。
disabled
vue.draggable disabled 开启和关闭vue.draggable的拖拽效果
delay和disabled属性
<template>
<div>
<!--使用draggable组件-->
<draggable v-model="arr1" delay="80" :disabled="true">
<transition-group>
<div class="item" v-for="item in arr1" :key="item.id">{{item.name}}</div>
</transition-group>
</draggable>
</div>
</template>
代码详情点击
,可以查看到详细的代码。