首页 前端知识 【登录滑块】vue滑块组件验证

【登录滑块】vue滑块组件验证

2024-05-31 20:05:35 前端知识 前端哥 990 272 我要收藏

登录滑块常见一般分为滑块验证,图片验证,图片旋转验证等

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博客

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10254.html
标签
评论
发布的文章

JSON&yaml和Properties

2024-06-06 10:06:54

JavaScript中的JSON.stringify()

2024-06-06 10:06:52

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!