vue 插件 滑块验证_Vue插件之滑动验证码用法详解

本文实例讲述了Vue插件之滑动验证码用法。分享给大家供大家参考，具体如下：

目录

预览

基于滑动式的验证码，免于字母验证码的繁琐输入 用于网页注册或者登录

目前仅前端实现，支持移动端滑动事件。版本V1.1.2

安装

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

使用方法

// main.js

import Vue from 'vue';

import SlideVerify from 'vue-monoplasty-slide-verify';

Vue.use(SlideVerify);

// template

ref="slideblock"

@again="onAgain"

@fulfilled="onFulfilled"

@success="onSuccess"

@fail="onFail"

@refresh="onRefresh"

:accuracy="accuracy"

:slider-text="text"

>

{ {msg}}

在父组件可以点我刷新哦

// script

export default {

name: 'App',

data(){