登录滑块常见一般分为滑块验证,图片验证,图片旋转验证等
GitHub - yimijianfang/vue-drag-verify: vue滑块验证组件,图片验证组件,图片旋转验证组件,滑动验证
vue-drag-verify这个组件适用于常见的滑块验证,可以查看文档根据UI图的需求导入对应的包。
在vue2中使用可直接导入包,在vue3中需要按需导入【先把对应文件沾到相应的文件下导入使用】
在vue3中使用需要按需导入如果直接下包使用会报错具体查看文档
1.基本滑块验证组件
在vue2中使用可以下包使用安装,vue3中按需导入
// 安装
npm i vue-drag-verify2 -S
2. 图片验证组件:
在vue2中使用可以下包使用安装,vue3中按需导入
// 安装
npm i vue-drag-verify-img -S
3.基本滑块验证组件(拼图):
在vue2中使用可以下包使用安装,vue3中按需导入
// 安装
npm i vue-drag-verify-img-chip -S
4. 旋转图片滑块组件:
在vue2中使用可以下包使用安装,vue3中按需导入
// 安装
npm i vue-drag-verify-img -S
如以上不好使,可参考下面这篇文章,亲测好用。
vue3.2+ 滑动验证组件,pc/手机通用,即插即用_vue滑动验证组件-CSDN博客