滑块验证码的使用

安装滑块验证码

npm install vue-drag-verify --save

查看/*package.json

"dependencies": {
 
    "vue-drag-verify": "^1.0.6",
  
  },

若出现了这个 "vue-drag-verify": "^1.0.6",代表安装成功。版本要求不重要

1. 导入

<script>
import dragVerify from 'vue-drag-verify'
</script>

2. 注册组件

<script>
export default {
   
    name:'login',
    data(){
   
        return{
   
           //滑块验证
            text:'请将滑块验证码拖到最右侧',
            width:300,
            height:40,
            
            
        }
    },
       
   	components:{
   
      'dragVerify':dragVerify,

  	},
}
</script>

3. 使用

<drag-verify 
:width="width" 
:height="height" 
:text='text' 
ref="Verify">
</drag-verify>

判断是否拖动

 //验证是否登录
 console.log(this.$refs.Verify.isPassing);
            if(this