Vue: الخاصية المنضمة الفارغة تتسبب في استثناء عرض

تم إنشاؤها على ١٤ مارس ٢٠١٧  ·  3تعليقات  ·  مصدر: vuejs/vue

إصدار Vue.js

2.2.4

رابط الاستنساخ

https://jsfiddle.net/wwuyv17z/

خطوات التكاثر

لا تمرّر شيئًا إلى خاصيّة ملزمة كما في المثال: <test :user=""></test>

ما هو متوقع؟

في أسوأ الأحوال ، كنت أتوقع تحذيرًا في وحدة التحكم وعدم حدوث تحطم ؛ في أحسن الأحوال ، أتوقع أن تظهر الخاصية null للمكون.

إذا تم الاتفاق على وجوب حدوث تحذير أو استبدال فارغ ، فأنا سعيد لمحاولة سحب هذا التغيير بنفسي.

ما الذي يحدث بالفعل؟

يحدث خطأ مشابه لما يلي:

[Vue warn]: Failed to generate render function:

SyntaxError: Unexpected token } in

with(this){return _c('div',{attrs:{"id":"app"}},[_c('test',{attrs:{"user":}})],1)}

(found in <Root>)

ال 3 كومينتر

هذا متوقع. ستحصل أيضًا على خطأ في بناء الجملة في JS إذا لم تعطِ حقل كائن قيمة.

شكرا لرد ايفان.

وأنا أقدر ذلك. بمجرد أن تفهم حقيقة أن الدعائم المقيدة هي في الأساس خصائص جافا سكريبت.

في هذه الحالة ، هل لدى Vue مفهوم التحقق من الأخطاء في وضع dev؟ لقد ساعدت للتو مبتدئًا واجه هذه المشكلة - أعتقد أنه كان بإمكانهم حل المشكلة بأنفسهم إذا تلقوا شيئًا مشابهًا لـ:

[Vue warn] Bound property 'user' should not be empty on component 'test'

مرة أخرى ، يسعدني محاولة إضافة هذا إذا كنت تعتقد أنه مفيد.

نعم ، يجب أن يكون هذا ممكنًا عن طريق تحديد value هنا . إذا كنت تعمل في PR ، فتأكد من تضمين حالة اختبار مصاحبة.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات