使用手册

安装

使用以下命令安装这个包：

npm install --save su-vue-slide-verify

参数配置

| 参数 | 名称 | 说明 | | :----------: | :-----: | :-----------------------------------------------: | | 是否可见 | visible | true/false，默认true | | 图片路径数组 | imgs | 例如：['/static/imgs/1.jpg','/static/imgs/2.jpg'] |

事件

| 事件 | 名称 | 说明 | | :--: | :-----: | :------------------: | | 成功 | success | 验证成功后的回调函数 | | 失败 | error | 验证失败后的回调函数 |

例子

在入口文件src/main.js中全局引入

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

在需要的界面中使用

<template>
    <verify :imgs="imgs"
            :visible="visible"
            @success="handleSuccess"
            @error="handleError">
    </verify>
</template>
export default{
	data(){
		return {
			imgs:[],//图片路径数组
			visible:true,//滑动验证模块是否可见
		}
	},
	created(){
		for(let i = 1;i <= 10;i++){
			this.imgs.push(`static/imgs/pic${i}.jpg`);
		}
    },
	methods:{
		handleSuccess(){
			alert("验证成功");
			this.visible = false;
		},
		handleError(){
			alert("验证失败");
		}
	}
}

如有建议，欢迎联系我一起进行交流

由 meishishang （邮箱：[email protected]）创建