Vue: वी-मॉडल गलत होने पर चेकबॉक्स चेक किया गया दिखाता है

को निर्मित 8 अप्रैल 2016 · 3टिप्पणियाँ · स्रोत: vuejs/vue

मैंने इस रास्ते को शुरू किया क्योंकि वी-मॉडल अपडेट होने से पहले @क्लिक निकाल दिया गया था (उदाहरण यहां: http://jsfiddle.net/5sH6A/308/ )
इसलिए मुझे नहीं पता था कि मूल्य क्या था। मैंने सोचा कि मैं अपने तर्क को एक घड़ी: फ़ंक्शन में आज़माउंगा लेकिन नीचे समस्या मिली।

Vue.js संस्करण

1.0.16

प्रजनन लिंक

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

प्रजनन के चरण

चेकबॉक्स पर क्लिक करें और रद्द करें चुनें

क्या अपेक्षित है?

चेकबॉक्स खाली होना चाहिए

वास्तव में क्या हो रहा है?

बाउंड डेटा गलत होने पर चेकबॉक्स चेक किया गया दिखाता है

स्रोत

loki0609

सबसे उपयोगी टिप्पणी

इस पार्टी के लिए बहुत देर हो चुकी है - लेकिन इतने सालों के बाद भी मेरे लिए एक जीवंत मुद्दा है। मेरा समाधान:
v-मॉडल के साथ चेकबॉक्स इनपुट का उपयोग करते समय, onchange @change हैंडलर का उपयोग करें। आईई और उचित ब्राउज़र दोनों के लिए काम करेगा।

आश्चर्यजनक रूप से, यदि आप v-मॉडल चेकबॉक्स और @click का उपयोग करते हैं, तो आपके v-मॉडल विशेषता (उदाहरण के लिए, "flgChecked") का मान क्रोम/फ़ायरफ़ॉक्स क्लिक हैंडलर में उलट दिया जाएगा। कहने का तात्पर्य यह है कि जब आपने चेकबॉक्स को ऑन पोजीशन पर क्लिक किया है, तो यह गलत होगा, जब आप इसे ऑफ पोजीशन पर क्लिक करेंगे। तो - उलटा। लेकिन आईई वास्तव में "सही ढंग से" रिपोर्ट करता है। इसलिए । . . @ परिवर्तन का उपयोग करें।

या शायद मुझे कुछ याद आ रहा है।

jomofrodo 19 सित॰ 2019

❤3

सभी 3 टिप्पणियाँ

यह संगतता के बारे में प्रतीत होता है।
यह विंडोज 10 पर एज 12 और आईई11 के साथ काफी अच्छी तरह से काम करता है, लेकिन क्रोम 49.0.2623.10 . के साथ टूट जाता है
यह ओपन सूज लीप पर फायरफॉक्स 41 के साथ भी टूटता है

Twiknight 8 अप्रैल 2016

एक द्रष्टा के अंदर एक ही मूल्य निर्धारित करना हमेशा एक बुरा विचार है...

मैं कहूंगा कि इससे निपटने का सबसे आसान तरीका केवल v-model का उपयोग नहीं करना है। आप वैसे भी मूल्य को नियंत्रित करने की कोशिश कर रहे हैं: http://jsfiddle.net/yyx990803/5sH6A/310/

yyx990803 8 अप्रैल 2016

❤1 👍1