Vue: चेकबॉक्स के मूल मूल्य के बग के बारे में?

को निर्मित 11 जन॰ 2017 · 7टिप्पणियाँ · स्रोत: vuejs/vue

नमस्ते।
मुझे चेकबॉक्स के बारे में एक बहुत ही अजीब समस्या का सामना करना पड़ा।

<template lang="html">
<div>
    <div v-for="(item,key) in test">
        <input type="checkbox" v-model="item.active">
    </div>
</div>
</template>

<script>
    window.T = [{
            active: false
    }, {
            active: false
    }];

    export default {
        data() {
          return {
              test: T
          }
        },
    methods: {}
}
</script>

सबसे पहले, मैंने कंसोल में T[0].active=true टाइप किया, और पहले चेकबॉक्स को सामान्य रूप से चुना गया था, लेकिन जब मैंने ब्राउज़र को रीफ़्रेश किया, तो मैंने मैन्युअल रूप से पहले चेकबॉक्स का चयन किया, और इस समय T[0].active=false टाइप किया। पहला चेकबॉक्स अनियंत्रित नहीं होगा, लेकिन दूसरा अभी भी कंसोल के माध्यम से सामान्य रूप से (सही / गलत) सेट किया जा सकता है।

2.1.0 और 2.1.8 की कोशिश की, परिणाम समान हैं, क्रोम संस्करण 54.0.2824.2 है

bug

स्रोत

moersing

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

यह # 4639 के माध्यम से तय किया गया है

yyx990803 11 जन॰ 2017

👍3

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

वी-फॉर के साथ स्टेटफुल डोम एलिमेंट्स (इनपुट आदि) को रेंडर करने के लिए, आपको यह सुनिश्चित करने के लिए मुख्य विशेषता को जोड़ना होगा कि राज्य सही है।
https://cn.vuejs.org/v2/guide/list.html#key

यह डिफ़ॉल्ट मोड मान्य है, लेकिन केवल रेंडरिंग आउटपुट की सूची पर लागू होता है जो उप-घटक स्थिति या अस्थायी DOM राज्य (उदाहरण के लिए: इनपुट मानों) पर निर्भर नहीं करता है।

fnlctrl 11 जन॰ 2017

@fnlctrl आपके उत्तर के लिए धन्यवाद, लेकिन शायद मैंने इसे स्पष्ट रूप से वर्णित नहीं किया। मैंने आपके कहे अनुसार कुंजी जोड़ी, और परिणाम समान है। एक और प्रमाण है कि मैंने जो कहा है वह मैक के साथ क्रोम 55.0.2883.95 में है। कोई फर्क नहीं पड़ता कि कुंजी को जोड़ा गया है या नहीं, इसे सामान्य रूप से सेट किया जा सकता है।

moersing 11 जन॰ 2017

प्रजनन नहीं कर सकते। https://jsfiddle.net/1b7cux60/

fnlctrl 11 जन॰ 2017

@fnlctrl 3 सेकंड से पहले पहले क्लिक करके इसे चयनित स्थिति बनाता है
https://jsfiddle.net/1b7cux60/5/

moersing 11 जन॰ 2017

इसका परीक्षण करना जारी रखें, वास्तव में एक समस्या है
https://jsfiddle.net/Lu3o86wt/
अंतिम क्लिक की चेकबॉक्स स्थिति गलत होगी

अंतिम क्लिक <input> गलत स्थिति में रहेगा

क्रोम

एज

fnlctrl 11 जन॰ 2017

@fnlctrl यह वास्तव में बग नहीं है। ऐसा इसलिए होता है क्योंकि चेकबॉक्स अभी भी केंद्रित है हम इसे उद्देश्य पर अपडेट नहीं करते हैं। कम से कम यह पाठ इनपुट के लिए समझ में आता है, हम अन्य इनपुट के लिए पुनर्विचार करना चाह सकते हैं

posva 11 जन॰ 2017

यह # 4639 के माध्यम से तय किया गया है

yyx990803 11 जन॰ 2017

👍3

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Vue: चेकबॉक्स के मूल मूल्य के बग के बारे में?

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

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

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