Загрузка el form plus - Загрузка исходного кода el form plus

el form plus

Другие категории

1.0.0

Скачать

Эль-форма-плюс

Установить

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, Props, el-form, props, event.

Опора	Тип	По умолчанию	Описание
refObj	Объект		返回form引用,如果手动validate需要用到
модель формы	Объект	{}	модель el-form的属性包装
список полей	Множество	предмет配置列表	详细见如下
правила	Объект	{}	Правила El-Form, правила Form-Item, правила Form-Item, 优先级最高
ширина метки	нить	100 пикселей	Эль-форма, ширина метки
меткаПозиция	нить	левый	el-form的labelPosition

ПолеСписок атрибутов

Атрибут	Тип	По умолчанию	Описание
тип	Нить		Нажмите «Input», «textarea», «select», «radio-group», «input-num». ber、date、slot。同时支持动态组件，为约束完全的动态性，动态组件的命名请以`el-`或`dynamic-`开头。
ценить	Нить		必需。值字段，v-model绑定的值为this.data[значение]
этикетка	Нить		элемент формы标题
подсказка	Нить		标题附近的提示
неполноценный	логическое значение	ЛОЖЬ	是否禁用
заполнитель	Нить		组件placeholder提示,默认input是'请输入label', select默认是'请选择label'
необходимый	логическое значение	ЛОЖЬ	校验规则: 是否必须
шаблон	регулярное выражение		校验规则: 满足正则
валидатор	функция		校验规则:自定义函数, 最灵活
правила	Массив<Правило>		以上三种attr校验属于快速校验规则，使用rules可一次性定义form-item的规则
параметры	Множество		针对select和radio-group组件, список опций 配置