vue form 滑动验证码、手机短信验证

话不多说直接上效果图

vue 注册首页

vue form 滑动验证码、手机短信验证_第1张图片校验

vue form 滑动验证码、手机短信验证_第2张图片

滑动验证

vue form 滑动验证码、手机短信验证_第3张图片

 

页面源码

 

点击确认调用方法

{{$t('login.submit')}}

确认按钮方法

// 确认按钮
submitButton () {
  this.$refs['ruleForm'].validate(valid => {
    if (valid) {
      this.visible = true
      this.puzzle = false
      this.tips = '拖动左边滑块完成上方拼图'
    }
  })
},

全部源码下载链接

https://download.csdn.net/download/she8656837/11988753

你可能感兴趣的:(笔记,vue,手机短信验证,滑动验证,form)