Vue: تظهر خانة الاختيار محددة عندما يكون نموذج v خطأ

تم إنشاؤها على ٨ أبريل ٢٠١٦ · 3تعليقات · مصدر: vuejs/vue

لقد بدأت في هذا المسار لأنه تم تشغيل click قبل تحديث نموذج v (مثال هنا: http://jsfiddle.net/5sH6A/308/)
لذلك لم أكن أعرف ما هي القيمة. اعتقدت أنني سأجرب المنطق الخاص بي في الساعة: وظيفة ولكن وجدت المشكلة أدناه.

إصدار Vue.js

1.0.16

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

http://jsfiddle.net/5sH6A/303/

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

انقر فوق مربع الاختيار واختر إلغاء

ما هو متوقع؟

يجب أن تكون خانة الاختيار فارغة

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

يظهر مربع الاختيار محددًا بينما البيانات المربوطة خاطئة

مصدر

loki0609

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

متأخر جدًا على هذه الحفلة - لكنها ما زالت تمثل مشكلة حية بالنسبة لي بعد كل هذه السنوات. بلدي الحل:
عند استخدام إدخال خانة اختيار مع نموذج v ، استخدم onchangechange handler. ستعمل لكل من المتصفحات IE والمتصفحات المعقولة.

الغريب ، إذا كنت تستخدم مربع اختيار v-model و click ، فسيتم عكس قيمة سمة نموذج v (على سبيل المثال ، "flgChecked") في معالج نقر Chrome / Firefox. وهذا يعني أنه سيكون خطأ عندما تنقر للتو على خانة الاختيار إلى وضع التشغيل ، ويكون هذا صحيحًا عندما تنقره على وضع إيقاف التشغيل. هكذا - عكس. لكن IE في الواقع تقارير "بشكل صحيح". وبالتالي . . . استخدمchange.

أو ربما أفتقد شيئًا ما.

jomofrodo في ١٩ سبتمبر ٢٠١٩

❤3

ال 3 كومينتر

يبدو أن هذا يتعلق بالتوافق.
إنه يعمل بشكل جيد مع Edge 12 و IE11 على نظام التشغيل Windows 10 ، ولكنه يتعارض مع الكروم 49.0.2623.110
كما أنه يكسر مع Firefox 41 عند قفزة الاستخدام المفتوح

Twiknight في ٨ أبريل ٢٠١٦

دائمًا ما يكون تحديد نفس القيمة داخل المشاهد فكرة سيئة ...

أود أن أقول إن أسهل طريقة للتعامل مع هذا هي ببساطة عدم استخدام v-model . أنت تحاول التحكم في القيمة بنفسك على أي حال: http://jsfiddle.net/yyx990803/5sH6A/310/