私はvueアプリでグループのフィルタリングをしようとしています。ネストされた配列でv-modelをグループ化することは可能ですか?私は以下のテンプレートを使用して試してみたVue.jsにネストされた配列を持つv-modelをグループ化することは可能ですか?
...
<div id="app">
<div class="filter__control filter__control--tags">
<div class="filter__label">Colour</div>
<div class="filter__list">
<label><input type="checkbox" v-model="selectedTags[0]" value="Harvest">Harvest</label>
<label><input type="checkbox" v-model="selectedTags[0]" value="Moss">Moss</label>
<label><input type="checkbox" v-model="selectedTags[0]" value="Navy">Navy</label>
<label><input type="checkbox" v-model="selectedTags[0]" value="White">White</label>
</div>
</div>
<div class="filter__control filter__control--tags">
<div class="filter__label">Size</div>
<div class="filter__list">
<label><input type="checkbox" v-model="selectedTags[1]" value="L">L</label>
<label><input type="checkbox" v-model="selectedTags[1]" value="M">M</label>
<label><input type="checkbox" v-model="selectedTags[1]" value="S">S</label>
<label><input type="checkbox" v-model="selectedTags[1]" value="XL">XL</label>
<label><input type="checkbox" v-model="selectedTags[1]" value="XS">XS</label>
</div>
</div>
</div>
そしてVUEインスタンス..
var app = new Vue({
el: '#app',
data: {
selectedTags: []
},
watch: {
selectedTags: function() {
// I expect the array to look something like...
this.selectedTags = [
["Navy"],
["XS", "S"]
]
}
}
});
私はそうは思いません。なぜあなたはしたいですか? – Bert