Vue——拼图认证1

第一种拼图认证

安装vue-monoplasty-slide-verify

npm i vue-monoplasty-slide-verify

在main.js引入

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

Vue.use(SlideVerify);

第一种拼图组件

dragImg1.vue

<template>
  <div>
    <span>拼图认证1</span>
    <slide-verify
      ref="slideblock"
      @again="onAgain"
      @fulfilled="onFulfilled"
      @success="onSuccess"
      @fail