j-form

Appearance

On this page

Form ​

Form 元素用于包含用于提交信息的交互式控件

示例 ​

基本用法 ​

vue
<template>
<Form @submit="onSubmit">
  <FormGroup required>
    <Label>用户名</Label>
    <TextInput name="username"/>
  </FormGroup>
  <button type="submit">提交</button>
</Form>
</template>

<script setup>
import { Form, FormGroup, Label, TextInput } from '@tomoeed/j-form';

function onSubmit() {
    console.log('Do something.');
}
</script>

Props ​

属性名类型默认值描述
novalidatebooleanfalse是否进行表单验证, 该属性不是 form 表单的原生 novalidate 属性

Events ​

事件名类型描述
submit(event: Event) => void | Promise<void>当用户提交表单时触发该事件
如果表单验证未通过, 则不会触发该事件