search

xyxiao001 / vue-cropper

A simple picture clipping plugin for vue
https://github.xyxiao.cn/vue-cropper/docs/vue3.html
MIT License
4.27k stars 695 forks source link

拖动报错 #583

Open FreeCodersix opened 2 years ago

FreeCodersix commented 2 years ago

image 这是chrome版本 image vue-cropper版本是0.5.6

xyxiao001 commented 2 years ago

http://github.xyxiao.cn/vue-cropper/example/ 我刚刚看下了下在线例子是使用 0.56 版本没有问题，你看看在线例子有问题嘛

FreeCodersix commented 2 years ago

我看了例子没有问题，在提问之前也有去看过之前的一些issue，但是我现在还是没有找到解决方法。我目前尝试了我能力范围内的所有方法。甚至尝试去改了组件源码，但是好像项目引用的是dist下面打包的index.js，我修改那个vue文件好像并没有用

FreeCodersix commented 2 years ago

http://github.xyxiao.cn/vue-cropper/example/ 我刚刚看下了下在线例子是使用 0.56 版本没有问题，你看看在线例子有问题嘛

大佬给点解决思路吧

xyxiao001 commented 2 years ago

你也可以直接吧 那个.vue文件拷贝到你项目使用

FreeCodersix commented 2 years ago

你也可以直接吧 那个.vue文件拷贝到你项目使用

我解决了这个问题，在package.json中把main字段指向由dist/index.js修改为src/index.js，然后在vue文件中把所有的window.addEventListener()添加一个参数，this.passive，就没有这个问题了

FreeCodersix commented 2 years ago

你也可以直接吧 那个.vue文件拷贝到你项目使用

但是我并不确定为什么你的在线demo中没有这个情况，我自己的代码，是把这个组件放在弹出框里，本来以为是组件影响，但是后来我试着直接放在页面里，还是有这个问题。

xyxiao001 commented 2 years ago

https://codepen.io/xyxiao001/pen/wxwKGz 有个在线的

haokejie commented 2 years ago

我也遇到了这个问题，正在寻求解决方案