人脸身份认证组件

安装使用

下载安装

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>