vue3中使用 vue3-slide-verify 滑块验证登录

在日常项目中我们实现登录的时候,会进行人为操作验证,这里使用滑块验证,常见的验证方式
我们借助插件 vue3-slide-verify

安装

npm install --save vue3-slide-verify

使用

在页面创建组件verification.vue  名字随意写入下面代码

 

在需要用到的页面进行引入使用




以上操作就可以实验滑块验证 

加遮罩 根据需求添加

在项目中我们使用滑块验证一般禁止进行其他操作,所有我们需要添加遮罩





你可能感兴趣的:(前端,vue.js)