Vue: مربعات اختيار مع نموذج مصفوفة

تم إنشاؤها على ١١ يوليو ٢٠١٥  ·  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>

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

ما الذي تريده بالضبط؟
إذا كانت قائمة مربعات الاختيار وحالتها المحددة ، فيمكنك الاحتفاظ باللغات ككائن بدلاً من سلسلة.

<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/

ال 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/

أعتقد أن حالة الاستخدام هي استخدام مربعات الاختيار بطريقة مماثلة
استخدامك للتحديد مع القدرة على تحديد اختيارات متعددة. نوعا ما
سيناريو "تحقق من كل ما ينطبق" ، حيث تأتي المراجع من مصفوفة
من الاحتمالات.
في 12 تموز (يوليو) 2015 ، الساعة 9:43 صباحًا ، كتب "rmp135" [email protected] :

ما الذي تريده بالضبط؟
إذا كانت قائمة مربعات الاختيار وحالتها المحددة ، فيمكنك الاحتفاظ بملحق
اللغات ككائن وليس كسلسلة.





يمكنك بعد ذلك استخدام مرشح / خريطة لاسترداد أسماء المختارين
اللغات.

هذا هو jsfiddle يوضح ذلك. http://jsfiddle.net/rmp135/v9vx9qyd/

-
قم بالرد على هذا البريد الإلكتروني مباشرة أو قم بعرضه على GitHub
https://github.com/yyx990803/vue/issues/1037#issuecomment -120721497.

مثال قديم هنا: http://jsfiddle.net/yyx990803/1onz2ho7/1/

يرجى فتح أسئلة مثل هذه في vuejs / Discussion بدلاً من الريبو الأساسي.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات