مشكلة Null error في Vuejs Framework

بتجربة بسيطة وضعت 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() لكن يبدو أنها لن تعمل بهذه الطريقة الاعتيادية…

4 Likes

جربت الأكواد التي وضعتها لكنها تشتغل معي. ممكن تعطيني الكود كامل لجزء ال template وال script لمعرفة وين الخلل؟

2 Likes

الآن تعمل… قمت بإضافة property في مكان غير صحيح…

هناك تجربة ثانية… جربت بدلا من export default قيمة أخرى وهي:

export const name = //some javascript

لا يبدو أنها تعمل…
هل default هي الأساسية في عمل export لأي ملف أو component؟

2 Likes

نعم, لا يمكنك عمل ما يسمى ب named export في الكومبوننت.
يجب أن تكون على النحو التالي:

export default {
...
}
2 Likes

ممتاز جدا… شكرا للتوضيح @Ayman97

2 Likes

العفو. بالتوفيق :wink:

1 Like