كيف أحصل على شيء مثل هذا للعمل ؟:
<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/
أعتقد أن حالة الاستخدام هي استخدام مربعات الاختيار بطريقة مماثلة
استخدامك للتحديد مع القدرة على تحديد اختيارات متعددة. نوعا ما
سيناريو "تحقق من كل ما ينطبق" ، حيث تأتي المراجع من مصفوفة
من الاحتمالات.
في 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 بدلاً من الريبو الأساسي.
التعليق الأكثر فائدة
ما الذي تريده بالضبط؟
إذا كانت قائمة مربعات الاختيار وحالتها المحددة ، فيمكنك الاحتفاظ باللغات ككائن بدلاً من سلسلة.
يمكنك بعد ذلك استخدام مرشح / خريطة لاسترداد أسماء اللغات المحددة.
هذا هو jsfiddle يوضح ذلك. http://jsfiddle.net/rmp135/v9vx9qyd/