Vuerify هو مكون من البيانات البسيطة والخفيفة الوزن. قواعد التحقق الأساسية المضمنة ومطالبات الخطأ. تدعم القواعد القابلة للتخصيص ، وأنواع القواعد العادية أو الوظائف أو السلاسل. يمكن تسجيل قواعد التحقق على مستوى العالم أو داخل المكونات. سيقوم المكون الإضافي بإضافة كائن Vuerify $ إلى VM ، وفي نفس الوقت شاهد البيانات والتحقق من الشرعية. إذا كان هناك خطأ ، فسيتم تخزين أخطاء $.
ثَبَّتَ
npm i vuerify -S
يستخدم
تثبيت المكونات الإضافية
استيراد vue من 'vue'import vuerify من' vuerify'vue.use (vuerify ، /* إضافة قواعد مخصصة* /)
أضف قواعد مخصصة
يمكن أن يكون الاختبار منتظمًا أو وظيفة
{مطلوب: {test: // s+$/، message: "مطلوب '}}سجل داخل المكونات
{data () {username: '' ، كلمة المرور: ''} ، vuerify: {username: {test: // w {4 ،}/،API
يحتوي $ vuerify على الخصائص التالية
namedescriptionTypedefault قيمة
$ errors error message فشل في التحقق من البيانات ، على سبيل المثال ، إذا فشل اسم المستخدم في التحقق ، فسيتم إرجاع {username: 'على الأقل 4 أحرف'} {}
يحتوي IndialId على حقل فشل في التحقق من BooleAntrue
صالح لا يحتوي على حقل فشل في التحقق من BooleAnfalse
تحقق من الحقل المحدد ، وتمريره في المصفوفة ، وإرجاع BooleAnfunction (صفيف)-
مسح وظيفة قائمة الخطأ
V-vuerrify
يقوم هذا التوجيه بالتحقق من صحة البيانات وتعيين اسم فئة للمكون عندما يؤدي مكون النموذج إلى ظهور حدث ضبابي (الافتراضي هو .vuerify-invalid). يمكن أن تكون مكونات أصلية مثل الإدخال ، أو يمكن أن تكون مكونًا تم تغليفه بنفسه. نسختان متاحانان
ثَبَّتَ
# vue 1.xnpm v-vuerify -s# vue 2.0npm v-vuerify-next -s
الاستخدام
استيراد vue من 'vue'import vuerifyDirective من' v-vuerify '// vue1.ximport vuerifydirective من' v-vuerify-next '// vue2.0vue.use (vuerifyDirective) <inputive v-model = "username v-vuerify = "'password'"> </x-input>
بارام
VerifyInvalidClass
اسم الفئة الافتراضية هو vuerify-invalid
<input v-model = "username" v-vuerify = "" username "" vuerify-invalid-class = "error">
المعدلات
الوالد
إذا تم تسجيل Vuerify مع المكون الأصل ، فأنت بحاجة إلى تحديد أحد الوالدين حتى يتمكن التوجيه من الحصول على $ vuerify من المكون الأصل. لمزيد من التفاصيل ، انظر العرض التوضيحي
الأحداث
Vuerify-Invalid
vuerify-valid
Github: https://github.com/qingwei-li/vuerrify