el form plus download -el el form plus源代码下载

el form plus

其他类别

1.0.0

下载

El-Form-Plus

安装

yarn add @springleo/el-form-plus

在线示例

https://lq782655835.github.io/el-form-plus

快速开始

导入模块并在main.js中设置设置：

 import ElFormPlus from '@springleo/el-form-plus'
Vue . use ( ElFormPlus )

在您的页面中使用<el-form-plus>

 < template >
    < el-form-plus
        :formModel =" {
            name: '',
            age: '',
            address: '',
            sex: '男'
        } "
        :fieldList =" [
            { label: '姓名', value: 'name', type: 'input' },
            { label: '年龄', value: 'age', type: 'input' },
            { label: '家庭住址', value: 'address', type: 'select', options: ['地址1', '地址2'].map(str => ({label: str, value: str})) },
            { label: '性别', value: 'sex', type: 'radio-group', options: ['男', '女'].map(str => ({label: str, value: str})) }
        ] "
    />
</ template >

您可以通过上述代码获得预览：

API

El-Form-Plus Props

基于el-form，所以props支持el-form上所有props以及事件事件。

支柱	类型	默认	描述
refobj	目的		返回形式引用，如果手动验证
formmodel	目的	{}	El-form的模型属性包装
fieldlist	大批	项目配置列表	详细见如下
规则	目的	{}	el-form的规则，可定义所有form-item的规则，优先级最高，优先级最高
标签温度	细绳	100px	El-form的标签
标记	细绳	左边	El-form的标记

fieldlist attrs

attr	类型	默认	描述
类型	细绳		必需。渲染的组件类型，支持输入，textarea，选择rado textarea textarea dotup-input-input-number，date，slot。同时支持动态组件，为约束完全的动态性，动态组件的命名请以`el-`或`dynamic-`开头。
价值	细绳		必需。值字段，V模型绑定的值为this.data [value]
标签	细绳		形式项目标题
工具提示	细绳		标题附近的提示
禁用	布尔	错误的	是否禁用
占位符	细绳		组件占位符提示，默认输入是'请输入标签'，选择默认是'请选择标签'
必需的	布尔	错误的	校验规则：是否必须
图案	正则		校验规则：满足正则
验证器	功能		校验规则：自定义函数，最灵活
规则	数组<规则>		以上三种attry校验属于快速校验规则，使用规则可一次性定义表单项目
选项	大批		针对选择和射电组组件，配置选项列表