vue qs form
1.0.0
نموذج خطوة سريعة Vue، نموذج استبيان سريع Vue
يجب استخدامه مع element-ui https://github.com/elemefe
import Vue from 'vue'
import vueQsForm from 'vue-qs-form'
export default {
name : 'App' ,
components : {
vueQsForm
}
}
< template >
< vue-qs-form v-model = " form " :data = " data " @finish = " submitForm " ></ vue-qs-form >
</ template >
< script >
import vueQsForm from ' vue-qs-form '
export default {
name : ' App ' ,
components : {
vueQsForm
},
data : () => ({
form : ' ' ,
data : [
{
' key ' : ' qa1 ' ,
' title ' : '问题一' ,
' radios ' : [
[ 0 , '否' ],
[ 1 , '是' ]
]
},
{
' key ' : ' qa2 ' ,
' title ' : '问题二' ,
' radios ' : [
[ 0 , '否' ],
[ 1 , '是' ]
]
}
]
}),
}
</ script >
المعلمة | يوضح | يجب | يكتب | قيمة اختيارية | القيمة الافتراضية |
---|---|---|---|---|---|
بيانات | بيانات النموذج | نعم | خيط | — | — |
ارتفاع | ارتفاع النموذج | لا | خيط | — | 250 بكسل |
autoNext | ما إذا كان سيتم الخطوة التالية تلقائيًا أم لا | لا | منطقية | صحيح / خطأ | خطأ شنيع |
prevBtnText | نص الزر السابق | لا | خيط | — | الخطوة السابقة |
nextBtnText | نص الزر التالي | لا | خيط | — | الخطوة التالية |
إرسال BtnText | تم نص الزر | لا | خيط | — | يُقدِّم |
اسم الحدث | يوضح | معلمات رد الاتصال |
---|---|---|
يُقدِّم | انقر فوق إرسال الحدث | بيانات النموذج |
يحضر | تصل إلى النهاية | - |
اسم الطريقة | يوضح | معلمات رد الاتصال |
---|---|---|
RestForm | إعادة تعيين النموذج | - |
Vue-qs-form هو برنامج مفتوح المصدر مرخص بموجب ترخيص MIT