事件安全验证
用于操作某个方法/事件操作前的安全验证，支持服务端二次验证
介绍
基于BuildAdmin(>=2.0.0)的事件操作安全验证，多种模式灵活使用，可用于某个方法或事件操作的安全验证，可回传后端二次验证。
安装使用
在需要使用的页面引入
vue
<template>
<el-button type="primary" @click="state.show = true" :loading="state.loading">验证</el-button>
<Verify :show="state.show" :type="state.type" @close="state.show = false" @verification="verification($event)"></Verify>
</template>
<script setup lang="ts">
import { reactive } from 'vue'
import Verify from '/@/components/verify/index.vue'
const state = reactive({
loading: false,
show: false,
type: 4,
})
/**
* 验证结果
*/
const verification = (res: any) => {
console.log(res)
}
</script>参数
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| show | 是否展示组件（true/false） | boolean | false |
| type | 组件类型 1:图片验证码 2:文本输入验证码 3:算数计算题验证码 4:邮箱发送验证码，需要先完善邮箱发送的配置 | number | 1 |
事件
| 事件名 | 说明 | 类型 |
|---|---|---|
| close | 关闭验证码组件 | Function |
| verification | 验证结果 | Function |
验证结果说明
返回数值,二次验证需要提交 captcha，captchaId 字段
| 字段 | 说明 | 类型 |
|---|---|---|
| result | 验证结果 （true/false） | boolean |
| captcha | 验证码 | string |
| captchaId | 验证码ID | string |
更新日志
v1.0.0
首次发布无详细更新日志
小猪
这家伙很懒，什么也没写~
模块授权
正版授权，允许商业使用
自购买起一年内免费下载和升级更新
不加密源代码，私有部署，二开方便
可复制产品，不支持七天无理由退款
禁止转售、分享等任何形式的再分发
仅 BuildAdmin 后台管理系统可以使用
模块信息
模块价格
￥19.90
访问次数
1927
模块标识
verify
下载次数
6
模块分类
实用案例
上次更新
2024-06-17 19:58:35
开发者主页
-
购买送积分
-
TypeScript纯手写