# vue3-elementPlus-myForm

**Repository Path**: wuzuniao2022/vue3-element-plus-my-form

## Basic Information

- **Project Name**: vue3-elementPlus-myForm
- **Description**: 基于vue3+elementPlus二次封装表单组件，实现配置化开发
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2024-12-19
- **Last Updated**: 2025-05-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3 + element-plus + 表单二次封装
## 安装依赖
```bash
npm i
```
## 启动项目
```bash
npm run dev
```

## 使用说明
- 在路径 src/config/formConfig.js 配置表单数据，就可以实现表单配置化开发

## 参数说明
- labelWidth：标签的宽度，不配置该项，标签宽度默认120px
- formItems数组：表单项数组，每个对象配置如下
    - field： formKey字段名。提交数据到后端的字段名，如form.name的"name"
    - field2： formKey字段名。如表单项存在两个formKey时
    - label：表单项的名称/描述
    - type：表单项类型
    - placeholder： 输入提示语，不配置则显示默认
    - placeholder2：第二个formKey的输入提示语，不配置则显示默认
    - rules：表单项校验规则
    - options：数据源（下拉/复选框/单选）