drag_size

图片拖动插件

Usage no npm install needed!

<script type="module">
  import dragSize from 'https://cdn.skypack.dev/drag_size';
</script>

README

drag_size

插件安装

npm i drag_size

插件的使用

在入口文件main.js中使用

import dragSize from "drag_size";
import 'drag_size/lib/drag_size.css'

Vue.use(dragSize);

说明文档 -- 属性

属性 说明 默认值
value 绑定的值, Object |{x:0,y:0,w:0,h:0,url:''}
disabled 是否禁用拖动功能 Boolean | false
deleteImg 是否可以删除当前图片,需绑定 on-delete-img 事件 Boolean | false
limitRangeId 限制的拖动范围 默认现在在 body String | ''
id 当前 img 标签的 id String Number | 3

说明文档 -- 事件

事件 说明 返回值
on-delete-img 点击删除按钮触发的事件

查看详情.