vue-drag-resize icon indicating copy to clipboard operation
vue-drag-resize copied to clipboard

Vue2 && Vue3 Component for resize and drag elements

Results 108 vue-drag-resize issues
Sort by recently updated
recently updated
newest added

Set aspectratio to true, dynamically bind X and y, and update X and Y in the resizestop event. When x and y are equal, it is normal. When x and...

在按照作者的这两步骤之后 ![image](https://github.com/kirillmurashov/vue-drag-resize/assets/69087402/24b09bb2-7ee5-491e-a22b-4e57457bec37) 我这边显示这样的错误,包也不能正常使用,但是检查发现包已经安装成功 ![image](https://github.com/kirillmurashov/vue-drag-resize/assets/69087402/269eb6a6-1d85-4a55-bd2d-1fb72257fa1a) 解决办法,把这个项目的地址src/components/ 中的四个文件合并到一个vue文件里 ![image](https://github.com/kirillmurashov/vue-drag-resize/assets/69087402/ac4ceb09-fdae-4655-bbf8-6690b8f92b84) 当做一个正常的组件来使用,之后会报错,因为v-for使用需要加上一个:key="{stick}",注意我这里的stick是随便填写的,反正这个key用不到 ![image](https://github.com/kirillmurashov/vue-drag-resize/assets/69087402/4bd5e436-21bd-4e4d-a046-3039418f3677) 这样后正常使用这个组件即可,我这里把这个组件文件改了下名字为DragResize,接着尝试作者给的例子 ![image](https://github.com/kirillmurashov/vue-drag-resize/assets/69087402/35874dc8-8491-404d-becd-a5aee6c57b42) ![image](https://github.com/kirillmurashov/vue-drag-resize/assets/69087402/0d2e234b-eee1-453b-b429-e494fa374af8) 这个就正常出现了

hello author.when I want to modify x and y values dynamically, I get the following error in the console.oddly enough, setting the z attribute dynamically is not a problem. Looking...

除了华为手机一切都是正常的 请问如何解决 ![image](https://github.com/kirillmurashov/vue-drag-resize/assets/44015472/4562588d-bd38-45ca-86e5-60ca913ff707)

**Description** When we are trying to use vue drag and resize with vue3 basically on importing it gives us error and not working with vue 3 ![Screenshot from 2023-01-18 17-48-05](https://user-images.githubusercontent.com/115546545/213377072-bf761ec1-412e-4f79-8fb4-9ee1989364e4.png)

- before - after 0 1 2 3 If "0" is deleted using "splice" or "filter" method, an error occurs that "top", "left" values ​​change like "after". Thanks for reading.

首先感谢作者提供了这么好用的组件。 目前组件只支持初始化时加载x、y、w、h,不支持响应式的二次修改。 解决方案一: 给组件添加key,绑定到data,初始值0,在需要修改的时候,修改x、y、w、h之后,给key加一。 原理是key变化时,vue会重新渲染组件, 缺点:组件会重新加载,我这边是拖拽iframe,重新加载会影响业务流程,故采用方案二。 解决方案二: 通过直接修改组件style 以全屏窗口需求为例: 首先给组件设置ref为resize。 ``` screen: _.throttle(function () { this.$refs.resize.$el.style.top = "0px" this.$refs.resize.$el.style.left = "0px" const iframeContainer = this.$refs.resize.$refs.container if (iframeContainer){ iframeContainer.style.width = window.innerWidth...

Hi! 👋 Firstly, thanks for your work on this project! 🙂 Today I used [patch-package](https://github.com/ds300/patch-package) to patch `[email protected]` for the project I'm working on. Here is the diff that solved...