StdForm 组件
StdForm 是表单组件,用于数据的新增和编辑,支持各种表单控件和验证规则。
基础用法
vue
<template>
<StdForm :columns="columns" />
</template>
<script setup lang="ts">
import { StdForm } from '@uozi-admin/curd'
const columns = [
{
title: '用户名',
dataIndex: 'username',
edit: {
type:'input',
formItem: {
required: true,
},
},
}
]
</script>
演示示例
loading
API
Props
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
api | API 接口对象 | StdApi | - |
columns | 列配置 | StdTableColumn[] | - |
id | 编辑时的记录ID | string | number | - |
initialValues | 初始值 | object | - |
Events
事件名 | 说明 | 回调参数 |
---|---|---|
success | 保存成功时触发 | (data: any) |
error | 保存失败时触发 | (error: Error) |
更多详细配置请参考完整 API 文档。