UserConfirm2FaForm
Подтверждение действий юзера в виде формы (функционал идентичен модалке)
Полная инфа о Confirmation
Props
confirmOptions
- type:
ConfirmOptions - required:
true
Параметры подтверждения полученные с бекенда
listAsModal
- type:
boolean - default:
true
Отобразить выбор альтернативного способа подтверждения
в формате модального окна
errorAsModal
- type:
boolean - default:
false
Отобразить сообщение об ошибке(кончились попытки)
в формате модального окна
Events
| Event name | Properties | Description |
|---|---|---|
| success | data mixed - данные которые должны были прийти с бекенда, | Подтверждение успешно пройдено |
Examples
Common case
Common case
<div>
<SomeForm
v-if="!confirmOptions"
@confirm="onConfirm"
@success="onSuccess"
/>
<Confirm2FaForm
v-else
:confirmOptions="confirmOptions"
:listAsModal="true"
:errorAsModal="false"
@confirm="onSuccessConfirm"
/>
</div>
import { useConfirm2FaForm } from '#sf/components/user/confirm-2fa/form/api';
export default defineComponent({
setup() {
const onSuccess = () => {
// some logic without confirm
};
const { confirmOptions, onConfirm } = useConfirm2FaForm();
const onSuccessConfirm = async (res) => {
// some logic after confirm
};
}
});