Vue: Checkboxen mit Array-Modell

Was genau willst du passieren?
Wenn es sich um eine Liste von Kontrollkästchen und deren aktiviertem Status handelt, können Sie die Sprachen als Objekt statt als Zeichenfolge speichern.

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

Sie können dann einen Filter/eine Karte verwenden, um die Namen der ausgewählten Sprachen abzurufen.

Hier ist eine jsfiddle, die es demonstriert. http://jsfiddle.net/rmp135/v9vx9qyd/

Ich denke, der Anwendungsfall besteht darin, die Kontrollkästchen auf ähnliche Weise zu verwenden wie
Sie verwenden eine Auswahl mit der Möglichkeit, mehrere Auswahlen auszuwählen. Irgendwie
ein Szenario "Alles Zutreffende ankreuzen", bei dem die Checkables aus einem Array stammen
von Möglichkeiten.
Am 12. Juli 2015 um 9:43 Uhr schrieb "rmp135" [email protected] :

Was genau willst du passieren?
Wenn es sich um eine Liste von Kontrollkästchen und deren aktiviertem Status handelt, können Sie die
Sprachen als Objekt und nicht als Zeichenfolge.

Sie können dann einen Filter/eine Karte verwenden, um die Namen der ausgewählten
Sprachen.

Hier ist eine jsfiddle, die es demonstriert. http://jsfiddle.net/rmp135/v9vx9qyd/

—
Antworten Sie direkt auf diese E-Mail oder zeigen Sie sie auf GitHub an
https://github.com/yyx990803/vue/issues/1037#issuecomment -120721497.

Altes Beispiel hier: http://jsfiddle.net/yyx990803/1onz2ho7/1/

Bitte öffne solche Fragen unter vuejs/Discussion statt im Core Repo.