بتجربة بسيطة وضعت 3 inputs بهذا الشكل:
<input v-model="name" class="form-control" type="text" placeholder="Full name">
<input v-model="email" class="form-control" type="email" placeholder="Email address">
<input v-model="password" class="form-control" type="password" placeholder="Repeat password">
وفي script
قمت بإعطاء قيمة null لكل منها:
data() {
return {
name: null,
email: null,
password: null
}
المشكلة ان JavaScript ترفض قيمة null حين عمل submit مثلا أو تحديث للقيم الموجودة
مثال من الـ console:
Error in render: "TypeError: Unable to get property 'value' of undefined or null reference"
قرأت عن vuemc وفهمت أنها تساعد في توضيح الvalidation بالنسبة لقيمة null الافتراضية…
قمت بتجربة if statement بداخل دالة data()
لكن يبدو أنها لن تعمل بهذه الطريقة الاعتيادية…