# 允许拖拽 draggable
绑定该指令,实现元素拖拽功能。给父元素添加position: relative的样式,被绑定的元素就可以在父元素内拖拽移动。
# 正常用法
<template>
<div class="container">
<div class="box" v-draggable></div>
</div>
</template>
<style scoped>
.container {
height: 400px;
width: 400px;
border: 1px solid #ddd;
}
.container .box {
height: 20px;
width: 20px;
background-color: red;
}
</style>
# 事件回调
事件名称 | 说明 | 回调参数 |
---|---|---|
drag-start | 拖拽开始。 | event |
drag | 拖拽。 | event |
drag-end | 拖拽结束。 | event |