Vue拼图验证

最新推荐文章于 2024-03-14 10:59:30 发布

置顶

D_evin_

最新推荐文章于 2024-03-14 10:59:30 发布

阅读量4.4k

点赞数 2

文章标签： vue.js 前端 javascript 拼图验证

本文链接：https://blog.csdn.net/D_evin_/article/details/128954773

版权

Vue拼图验证 vue-puzzle-verification

摘要由CSDN通过智能技术生成

vue-puzzle-verification

封装的一个用于登录验证的拼图的vue组件，使用了canvas画图和拖拽的一些技巧。支持大小、形状、图片、偏差、范围的自定义。

一、安装使用

npm install vue-puzzle-verification

`二、main.js里引入`

import PuzzleVerification from 'vue-puzzle-verification'
Vue.use(PuzzleVerification);

三、页面引入使用

<template>
    <div>
        <div @click="show = true">显示</div>
        <PuzzleVerification
            v-model="show"
            :puzzleImgList="puzzleImgList"
            blockType="puzzle"
            :onSuccess="handleSuccess"
            :onError="handleError"
          />
    </div>
</template>

<script>
imp