vue-drag-resize是一个支持拖拽与缩放的vue插件，支持vue 1.x与2.x，使用方便，上手便利，具有以下的几个特征：

特征

• 轻量级，无依赖性
• 所有的操作都是可联动的
• 支持触摸事件
• 定义元素可拖拽，或者可缩放，或者二者兼有
• 提供用于调整大小的操作点与操作框
• 可以按照比例缩放或者不按照比例缩放元素
• 可限制拖拽的最大与最小值、拖拽的范围是否超出其父元素
• 可限制拖动的方向为垂直或水平轴

gitHib地址： github.com/kirillmuras…

用法

$ npm i -s vue-drag-resize

• 注册为全局组件，在vue项目中注册：

  import Vue from 'vue' import VueDragResize from 'vue-drag-resize' Vue.component('vue-drag-resize', VueDragResize) 在任何组件中使用的时候，不用引入直接；

• 在需要的组件中引入：

    import VueDragResize from 'vue-drag-resize';export default {name: 'app',components: {VueDragResize},}
  复制代码

属性

isActive 是否激活状态

Type: Boolean || Required: false || Default: false

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！