search

yimijianfang / vue-drag-verify

vue滑块验证组件，图片验证组件，图片旋转验证组件，滑动验证
https://yimijianfang.github.io/vue-drag-verify/#/
358 stars 98 forks source link

vue3+elementplus引入之后直接报一堆selfHook.bind is not a function的错误？ #7

Closed bruce-zhang932 closed 3 years ago

bruce-zhang932 commented 3 years ago

我是先引入 npm i vue-drag-verify-img-chip -S 之后这样写： image image 运行之后直接报一堆selfHook.bind is not a function的错误？

yimijianfang commented 3 years ago

组件暂不支持vue3。亲测可以通过手动引入dragVerifyImgChip.vue文件实现 注意因为vue3不支持.sync，在vue3中使用组件做以下调整 :isPassing.sync="isPassing" v-model:isPassing="isPassing"

bruce-zhang932 commented 3 years ago

image 您好，我手动引入后，没有图片也没有报错，是什么原因呢？

yimijianfang commented 3 years ago

看上面代码的截图，应该是没有引入图片，需要把图片文件赋值给imgsrc。 详见demo

bruce-zhang932 commented 3 years ago

又报了新的错误 image

image image image

yimijianfang commented 3 years ago

前两天也发现这个错误了，更新最新的组件到本地。 image

bruce-zhang932 commented 3 years ago

您好，刷新图片又遇到了一个问题，不知道是否是与vue3的冲突

image image image

yimijianfang commented 3 years ago

Vue3不支持$set方法，可以修改reImg方法 this.$set(this, key, oriData[key]) this[key] = oriData[key]

bruce-zhang932 commented 3 years ago

@yimijianfang 您好，为啥您demo滑动验证通过滑块位置不会变，我引入这个为啥验证成功滑块位置就回到最左边了？ image image

yimijianfang commented 3 years ago

此问题已修改