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

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

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

Vue.js संस्करण

1.0.16

प्रजनन लिंक

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

प्रजनन के चरण

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

क्या यह पृष्ठ उपयोगी था?
0 / 5 - 0 रेटिंग्स

संबंधित मुद्दों

fergaldoyle picture fergaldoyle  ·  3टिप्पणियाँ

lmnsg picture lmnsg  ·  3टिप्पणियाँ

franciscolourenco picture franciscolourenco  ·  3टिप्पणियाँ

aviggngyv picture aviggngyv  ·  3टिप्पणियाँ

bdedardel picture bdedardel  ·  3टिप्पणियाँ