vueDraggable-属性02-delay-disable

536 阅读1分钟

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>

代码详情点击,可以查看到详细的代码。

系列相关推荐:

vueDraggable-基础01

vueDraggable-基础02

vueDraggable-属性01

vueDraggable-属性02

vueDraggable-属性(最后)