Formulários

O componente que engloba os formulários se chama Frm dentro do uimed-vue.

AVISO

Deve ser utilizado no lugar do <form> nativo.

Eventos

Envio

O evento submit é emitido quando o formulário é enviado, repassando o SubmitEvent nativo. Ele não é disparado quando restam campos com pendências de validação.

Nome

Nome

Sobrenome

Sobrenome

0 envio(s)

<template>
  <frm @submit="onSubmit">
    <text-field label="Nome" required />
    <text-field label="Sobrenome" required />

    <btn type="submit" data-testid="btn-demo-submit">Enviar</btn>
    <span data-testid="btn-demo-submit-count">{{ submits }} envio(s)</span>
  </frm>
</template>

<script lang="ts" setup>
import { Frm, Btn, TextField } from "@nexdom/uimed-vue/components";
import { ref } from "vue";

const submits = ref(0);

function onSubmit() {
  submits.value++;
  alert("Enviado com sucesso!");
}
</script>

Ver também

Consulte a referência de API do Frm para a lista completa de props, slots e eventos.