Vue: सरणी मॉडल के साथ चेकबॉक्स

को निर्मित 11 जुल॰ 2015 · 3टिप्पणियाँ · स्रोत: vuejs/vue

मैं काम करने के लिए ऐसा कुछ कैसे प्राप्त करूं ?:

<script>
new Vue({
  data: {
    languages: ['english', 'japanese', 'chinese']
    myLanguages: ['english', 'chinese']
  }
});
</script>
<span v-repeat='language : languages'>
  <input
    type='checkbox'
    value='{{ language }}'
    v-model='myLanguages'>
</span>

स्रोत

robertleeplummerjr

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

आप वास्तव में क्या होना चाहते हैं?
यदि यह चेकबॉक्स और उनकी चेक की गई स्थिति की सूची है, तो आप भाषाओं को स्ट्रिंग के बजाय ऑब्जेक्ट के रूप में रख सकते हैं।

<script>
new Vue({
  data: {
    languages: [
        {name: 'english', checked:true},
        {name: 'japanese', checked:false},
        {name: 'chinese', checked:true}
    ]
  }
});
</script>
<span v-repeat='language : languages'>
  <input
    type='checkbox'
    value='{{ language.name }}'
    v-model='language.checked'>
</span>

फिर आप चयनित भाषाओं के नाम प्राप्त करने के लिए फ़िल्टर/मानचित्र का उपयोग कर सकते हैं।

यहां एक jsfiddle इसे प्रदर्शित कर रहा है। http://jsfiddle.net/rmp135/v9vx9qyd/

rmp135 12 जुल॰ 2015

👍3

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

<script>
new Vue({
  data: {
    languages: [
        {name: 'english', checked:true},
        {name: 'japanese', checked:false},
        {name: 'chinese', checked:true}
    ]
  }
});
</script>
<span v-repeat='language : languages'>
  <input
    type='checkbox'
    value='{{ language.name }}'
    v-model='language.checked'>
</span>

यहां एक jsfiddle इसे प्रदर्शित कर रहा है। http://jsfiddle.net/rmp135/v9vx9qyd/

rmp135 12 जुल॰ 2015

👍3

मुझे लगता है कि उपयोग का मामला इसी तरह से चेक बॉक्स का उपयोग करना है कि
आप एकाधिक चयनों का चयन करने की क्षमता के साथ चयन का उपयोग करते हैं। की तरह
एक "लागू होने वाले सभी की जांच करें" परिदृश्य, जहां चेकबल एक सरणी से आते हैं
संभावनाओं का।
जुला 12, 2015 9:43 AM पर, "rmp135" [email protected] लिखा है:

आप वास्तव में क्या होना चाहते हैं?
यदि यह चेकबॉक्स और उनकी चेक की गई स्थिति की सूची है, तो आप इसे पकड़ सकते हैं
एक स्ट्रिंग के बजाय एक वस्तु के रूप में भाषाएँ।

फिर आप चयनित के नाम पुनर्प्राप्त करने के लिए फ़िल्टर/मानचित्र का उपयोग कर सकते हैं
भाषाएं।
यहां एक jsfiddle इसे प्रदर्शित कर रहा है। http://jsfiddle.net/rmp135/v9vx9qyd/
-
इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें
https://github.com/yyx990803/vue/issues/1037#issuecomment -120721497।

robertleeplummerjr 12 जुल॰ 2015

यहां पुराना उदाहरण: http://jsfiddle.net/yyx990803/1onz2ho7/1/

कृपया कोर रेपो के बजाय vuejs/चर्चा में इस तरह के प्रश्न खोलें।

yyx990803 13 जुल॰ 2015

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

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

Vue: सरणी मॉडल के साथ चेकबॉक्स

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

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

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