Vue——拼图认证2

原创

于 2022-05-17 14:56:11 发布 · 753 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

第一种拼图认证
在这里插入图片描述

安装vue-monoplasty-slide-verify

npm i vue-monoplasty-slide-verify

在main.js引入

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

Vue.use(SlideVerify);

第一种拼图组件

dragImg2.vue

<template>
  <div v-show="flag" class="testCode">
    <span>拼图认证2</span>
    <p class="closeBtn">
      <v-icon color="red" @click="flag = !flag"
        >mdi-close-circle-outline</v-icon
      >
    </p>
    <slide-verify
      :l

最低0.47元/天解锁文章

200万优质内容无限畅学