登录界面滑动验证码设计

        该滑动验证码需要引用三方包vue3-slide-verify

1、首先npm install vue3-slide-verify,安装成功后即可开始代码编写

 直接把该模块封装成一个组件,这样使的代码更容易维护

不多说直接上代码:


   
  
  

2、 在登录界面中写个弹窗,然后弹窗引用该组件就可以了,@success为验证通过回调

登录界面滑动验证码设计_第1张图片

3、 效果展示

登录界面滑动验证码设计_第2张图片

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