Vue: تحليل سيئ عندما تحتوي البيانات المرتبطة على علامة خلفية

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

إصدار Vue.js

1.0.26

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

http://codepen.io/sirlancelot/pen/zBPVBo؟editors=1010#0

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

  • قم بربط كائن مضمن بقيمة تحتوي على حرف backtick

    ما هو متوقع؟

  • يتم إعادة إنتاج الكائن بشكل صحيح في نموذج البيانات

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

  • scope. إلى كل شيء بين العلامة الخلفية والاقتباس الهارب.

نحن نستخدم الدعائم لجمع نموذج بيانات أولي من الخادم إلى المتصفح. نحن نقوم بذلك بطريقة مشابهة للمثال الموضح في CodePen. بشكل أساسي ، يحتوي مثيل root Vue الخاص بنا على قائمة بالدعامات التي ستظهر على العنصر ويتم ملؤها بواسطة الخادم.

bug

التعليق الأكثر فائدة

LinusBorg - لقد استخدمت https://www.debuggex.com/ مفيد جدًا!

ال 5 كومينتر

كحل مؤقت ، يمكنك تجاوز المشكلة عن طريق الهروب من العلامة الخلفية.

//broken
:items="[{'title':'one','value':1},{'title':'t`wo','value':2}]"

//works
:items="[{'title':'one','value':1},{'title':'t\`wo','value':2}]"

بالنسبة لأي شخص يحقق ، يبدو أن المشكلة لا تحدث عندما تحتوي المصفوفة على عنصر واحد فقط.

لقد أجريت تغييرًا على تعبير عادي ويبدو أن هذا يعمل بشكل جيد الآن. ومع ذلك ، بدا هذا وكأنه regexp مهم جدًا ولست متأكدًا من التصحيح.

قبل

screen shot 2016-07-19 at 10 45 27 pm

بعد

(لقد أبرزت الجزء باللون الأحمر)

screen shot 2016-07-19 at 10 45 02 pm

skyronic ما هي أداة RegExp هذه؟ تبدو مفيدة جدا ...

LinusBorg - لقد استخدمت https://www.debuggex.com/ مفيد جدًا!

تضمين التغريدة أستخدم http://rubular.com/ كثيرًا. إنه يختبر مع روبي ليب ولكنه يعمل بشكل جيد أيضًا.

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

القضايا ذات الصلة

julianxhokaxhiu picture julianxhokaxhiu  ·  3تعليقات

aviggngyv picture aviggngyv  ·  3تعليقات

wufeng87 picture wufeng87  ·  3تعليقات

seemsindie picture seemsindie  ·  3تعليقات

lmnsg picture lmnsg  ·  3تعليقات