---
map:
    path: /components/form
---

# Form

<alias to="Form,Grid,GridItem,Dom"></alias>

## 常用功能

<demo src="./demo/index.vue"
    title="配置化表单"
    desc="表单项可以通过统一的配置加载，支持内部所有组件和element组件">
</demo>

## 表单验证

<demo src="./demo/validate.vue"
title="表单验证"
desc="表单项可以通过统一的配置加载，支持内部所有组件和element组件,slot的组件会自动加上is-error的class,使用者自行添加错误时的表单样式即可">
</demo>

## 布局

<demo src="./demo/grid.vue"
title="gird控制布局"
desc="gird控制布局，gridItem每一项都可以控制各自的布局方式">
</demo>


## key的特殊情况

<demo src="./demo/key.vue"
    title="key的特殊情况"
    desc="单个组件绑定多个key，以及通过path绑定">
</demo>


## 自定义

<demo src="./demo/slot.vue"
    title="自定义slot内容"
    desc="自行插入slot内容，支持验证，type=slot或者传入component">
</demo>

## 控制显示隐藏

<demo src="./demo/show.vue"
    title="控制显示隐藏"
    desc="传入show，根据条件控制显示隐藏">
</demo>

## 初始值

<demo src="./demo/initValue.vue"
title="配置初始值"
desc="除了通过v-model绑定设置初始值以外也可以通过initValue设置初始值">
</demo>

<API src="./src/index.vue" lang="zh"></API>