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 >

يمكنك الحصول على المعاينة عن طريق الكود أعلاه ：

واجهة برمجة التطبيقات

الدعائم el-form-plus

يوجد نموذج el-form، أو Props، أو el-form، أو حدث Props.

دعم	يكتب	تقصير	وصف
refObj	هدف		نموذج الطلب والتحقق من صحة النموذج
formModel	هدف	{}	نموذج إل فورم
قائمة الحقول	صفيف	البند 置列表	شكرا جزيلا
قواعد	هدف	{}	قواعد el-form هي ما يجب أن يكون عليه عنصر النموذج
عرض التسمية	خيط	100 بكسل	عرض تسمية النموذج
labelPosition	خيط	غادر	el-form'labelPosition

Attrs قائمة الحقول

أتر	يكتب	تقصير	وصف
يكتب	خيط		اختر ما يلي: إدخال، منطقة النص، تحديد، مجموعة الراديو، إدخال الأسطوانات `dynamic-` ، `el-` ، slot.
قيمة	خيط		قم بتنزيل نموذج v-model من this.data[value]
ملصق	خيط		عنصر النموذج
تلميح الأدوات	خيط		شكرا جزيلا
عاجز	منطقية	خطأ شنيع	شكرا جزيلا
العنصر النائب	خيط		حدد عنصرًا نائبًا، ثم حدد "التسمية المدخلة"، وحدد "التسمية"
مطلوب	منطقية	خطأ شنيع	اسم المنتج: 是否必须
نمط	التعبير العادي		اسم المنتج: 满足正则
مدقق	وظيفة		الاسم الكامل: أفضل ما في الأمر، أفضل ما في الأمر
قواعد	صفيف <القاعدة>		قد يكون من المفيد استخدام قواعد attr للحصول على عنصر النموذج
خيارات	صفيف		حدد قائمة خيارات مجموعة الراديو وحددها