ดาวน์โหลด el form plus - 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

基于 el-form，所以อุปกรณ์ประกอบฉาก支持 el-form 上所有อุปกรณ์ประกอบฉาก以及事件เหตุการณ์。

ข้อต่อ	พิมพ์	ค่าเริ่มต้น	คำอธิบาย
rofobj	วัตถุ		返回รูปแบบ引用，如果手动ตรวจสอบ需要用到
รูปแบบ	วัตถุ	-	el-form 的รุ่น属性包装
รายการฟิลด์	อาร์เรย์	รายการ配置列表	详细见如下
กฎ	วัตถุ	-	el-form 的กฎ，可定义所有 form-item 的规则，优先级最高优先级最高
LabelWidth	สาย	100px	el-form 的 labelwidth
การติดฉลาก	สาย	ซ้าย	el-form 的 labelposition

Attrs รายการภาคสนาม

attr	พิมพ์	ค่าเริ่มต้น	คำอธิบาย
พิมพ์	สาย		必需。渲染的组件类型，支持อินพุต、 textarea、 เลือก、 Radio-Group、 หมายเลขอินพุต、 วันที่、 สล็อต。同时支持动态组件，为约束完全的动态性，动态组件的命名请以`el-`或`dynamic-`开头。
ค่า	สาย		必需。值字段， V-model 绑定的值为 this.data [ค่า]
ฉลาก	สาย		รูปแบบรายการ标题
คำแนะนำเครื่องมือ	สาย		标题附近的提示
พิการ	บูลีน	เท็จ	是否禁用
ผู้ถือครองตำแหน่ง	สาย		组件ตัวยึด place 提示，默认อินพุต是 '请输入ฉลาก'， เลือก默认是 '请选择 label'
ที่จำเป็น	บูลีน	เท็จ	校验规则：是否必须
ลวดลาย	regex		校验规则：满足正则
ผู้ตรวจสอบความถูกต้อง	การทำงาน		校验规则：自定义函数，最灵活
กฎ	อาร์เรย์ <Rule>		以上三种 attr 校验属于快速校验规则，使用กฎ可一次性定义 form-item 的规则
ตัวเลือก	อาร์เรย์		针对เลือก和 Radio-Group 组件，配置รายการตัวเลือก