aiyingsitan-vue3-verify

aiyingsitan-vue3-verify 是一个基于 vue3 和 canvas 实现的验证码工具

# 安装

npm i aiyingsitan-vue3-verify

# 引入

import AiyingsitanVue3Verify from 'aiyingsitan-vue3-verify'
import 'aiyingsitan-vue3-verify/lib/style.css'

const app = createApp(App)
app.use(AiyingsitanVue3Verify)

# 使用

<AiyingsitanVue3Verify></AiyingsitanVue3Verify>

属性

• refresh-button(boolean)：是否显示刷新按钮（默认：false）

# 示例

<AiYingSiTanVue3Verify :refresh-button="true"></AiYingSiTanVue3Verify>

方法

• refresh：刷新验证码
• comparison：验证输入的验证码与生成的验证码是否匹配

# 示例

<AiYingSiTanVue3Verify ref="verifyRef"></AiYingSiTanVue3Verify>

# 刷新验证码
verifyRef.value.refresh()

# 验证
verifyRef.value.comparison()
  .then(res => {
    console.log('res', res)
  })
  .catch(err => {
    console.log('err', err)
  })

支持 @keypress.enter

# 示例

<AiYingSiTanVue3Verify @keypress.enter="toLogin"></AiYingSiTanVue3Verify>