slide-verify-code v1.0.0

vue3-puzzle-vcode

安装

  npm install slide-verify-code --save

最简单例子

<template>
  <Vcode :show="isShow" @success="onSuccess" @close="onClose"/>
  <button @click="onShow">开始验证</button>
</template>

<script setup>
import {ref} from "vue";
import Vcode from "slide-verify-code";

const isShow = ref(false);

const onShow = () => {
  isShow.value = true;
};

const onClose = () => {
  isShow.value = false;
};

const onSuccess = () => {
  onClose(); // 验证成功，手动关闭模态框
};
</script>

参数

事件