1.0.2 • Published 4 months ago
kaize-facemesh v1.0.2
人脸身份认证组件
安装使用
下载安装
npm install kaize-facemesh
引入组件样式
- 在
项目入口文件(如main.js)中添加import 'kaize-facemesh/dist/kaize-facemesh.css'
API
传参
| 参数名 | 类型 | 默认值 | 描述 |
|---|---|---|---|
recordId | String | '' | 用于人脸识别请求的记录ID，需由父组件传入。 |
token | String | '' | 用于API请求的身份验证token，需由父组件传入。 |
事件
| 事件名 | 描述 | 回调参数 |
|---|---|---|
success | 当人脸识别比对成功时触发。 | { score: Number, msg: String }其中score为人脸比对得分，msg为返回的消息。 |
fail | 当人脸识别比对失败时触发。 | { score: Number, msg: String }其中score为人脸比对得分，msg为返回的消息。也可能为接口错误信息 |
示例代码
<template>
<div>
<FaceCamera :record-id="recordId" token="Bearer 123" @success="onSuccess" @fail="onFail" />
</div>
</template>
<script setup>
import FaceCamera from 'kaize-facemesh'
import { useRoute, useRouter } from 'vue-router'
const route = useRoute()
const router = useRouter()
const { recordId } = route.query
function onSuccess(res) {
alert(`比对结果：${res.msg} 比对分数${res.score}`)
router.back()
}
function onFail(e) {
alert(`比对结果：${e.msg} 比对分数${e.score}`)
router.back()
}
</script>
<style scoped></style>