人机验证之验证码插件

最新推荐文章于 2024-08-09 07:00:46 发布

笨笨的幸福1230

最新推荐文章于 2024-08-09 07:00:46 发布

阅读量1.8k

点赞数

本文链接：https://blog.csdn.net/qq_42709302/article/details/109382506

版权

一， vue-puzzle-vcode插件

1、安装vue-puzzle-vcode

2，实现代码 

3，效果图

二， vue2-verify

三，vue-monoplasty-slide-verify

1，安装

2，实现

3，效果图

一， vue-puzzle-vcode插件

GitHub地址：https://gitee.com/beeworkshop/vue-puzzle-vcode?_from=gitee_search

1、安装vue-puzzle-vcode

cnpm i -S vue-puzzle-vcode

2，实现代码

<template>
  <div>
    <Vcode :show="isShow" @success="success" @close="close" />
    <el-button @click="submit">登录</el-button>
  </div>
</template>
 
<script>
import Vcode from "vue-puzzle-vcode";
export default {
  data() {
    return {
      isShow: