Languages
English
简体中文
home
Homepage
getting-started
开发指南
Npm 安装
Cdn
示例
快速上手
使用之前
推荐工程
引入 Vue-V-Xxx
更新日志
configurations
V-Call
拨打指令
API
V-Click-Out
外部点击指令
API
V-Copy
复制指令
API
V-Debounce
防抖指令
API
V-Drag
拖拽指令
API
V-Ellipsis
省略指令
API
V-Focus
聚焦指令
API
V-Pin
固定指令
API
V-Throttle
节流指令
API

v-drag

使用基本说明


# 拖拽指令

{ "disabled": true, "width": 50, "height": 50, "top": 58, "left": 150, "data": {} }

<template lang="pug">
.v-xxx.container
  div.div1(v-drag)
</template>
<script>
export default {
  name: 'v-drag'
}
</script>
<style>
.container {
  width: 100%;
  height: 500px;
  position: relative;
  border: 1px solid black;
  overflow: auto;
}
.div1 {
  height: 50px;
  width: 50px;
  border: 1px solid red;
  right: 0;
  bottom: 0;
}
</style>

# 说明

v-drag 需要在父元素添加position: relative;

# API

Name Type Description Required
最后更新: 11/4/2019, 10:36:08 AM