1.0.5 • Published 2 years ago

vue-picture-verify v1.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

vue-picture-verify

纯前端滑块图形验证码,可自定义图片和通过远程获取默认从Lorem Picsum图库获取

demo

安装

npm install vue-picture-verify --save

使用

import VuePictureVerify from 'vue-picture-verify';

Vue.use(VuePictureVerify)

## 组件中使用
<VuePictureVerify :show="show"></VuePictureVerify>

例子

<template>
  <div>
     <button  @click="handleShow">显示</button>
     <VuePictureVerify :show="show"></VuePictureVerify>
  </div>
</template>
<script >
export default{
  data() {
    return {
      show: false
    }
  },
  methods: {
    handleShow() {
      this.show = true
    }
  }
}
</script>
<style  scoped>
</style>

参数

props类型默认值说明
showBooleanfalse是否显示弹窗
accuracyNumber5缺口和拼图重合的精度,越小越难
imgListArray[]自定义图片的图片数组
originImgStringhttps://picsum.photos/300/150/从远程获取图片,imgList为空时才使用

事件

事件名返回值说明
successvoid验证通过时会触发
failvoid验证失败时会触发
1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago