拼图滑块验证

拼图验证滑块

 插件参考：https://gitee.com/monoplasty/vue-monoplasty-slide-verify

1、安装插件

```shell

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

或者

yarn add vue-monoplasty-slide-verify

```

2、main.js入口文件引中入

```js

import SlideVerify from 'vue-monoplasty-slide-verify' // 拼图验证码

Vue.use(SlideVerify)

```

3、在组件中使用

```vue

<template>

    <slide-verify :l="42" :r="20" :w="362" :h="140" @success="onSuccess" @fail="onFail" @refresh="onRefresh" :style="{ width: '100%' }" class="slide-box" ref="slideBlock" :slider-text="msg"></slide-verify>

</template>