滑动验证插件 SlideVerify 的使用

今天注册要写图片验证，发现可以用滑动验证插件 SlideVerify 的使用，有个刷新一直写不了，最后发现直接用.reset就可以了，好气好气，这里随便记录一下使用步骤

先来看效果图

•  步骤1：安装

npm install --save vue-monoplasty-slide-verify

• 步骤2：再main.js使用

import SlideVerify from 'vue-monoplasty-slide-verify';
Vue.use(SlideVerify);

• 步骤3：页面使用

  
  //这个是图片验证
                    
                  
  
  
  

  这里我把注册的接口的调用写在了图片验证成功里面，就是onsuccess（）函数里，就可以让图片验证成功再进行调用注册的接口。

• 一定要注意注册成功或者注册失败的时候重新刷新slide-verify，不然注册失败的时候图片是上上次验证成功的样子，需要自己刷新一下

最后发现 this.$refs.slideblock.reset();这样就可以刷新slide-verify，这里记录一下我写的过程和踩坑过程