Рабочий пример из документации:
<div id='example-3'>
<input type="checkbox" id="jack" value="Jack" v-model="checkedNames">
<label for="jack">Jack</label>
<input type="checkbox" id="john" value="John" v-model="checkedNames">
<label for="john">John</label>
<input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
<label for="mike">Mike</label>
<br>
<span>Checked names: {{ checkedNames }}</span>
</div>
new Vue({
el: '#example-3',
data: {
checkedNames: []
}
})
В жизни не так просто, а именно
<div v-for="item in getPosts" :key="item.key" class="table__body__line">
<div class="table-cell">{{ item.key }}</div>
<div class="table-cell">{{ item.name }}</div>
<div class="table-cell">
<input type="checkbox" id="checkbox" v-model="status">
<label for=" ??? ">{{ status }}</label><br>
</div>
</div>
// так не сработает
<input type="checkbox" id="checkbox" v-model="status" value={{ item.key }}>
export default {
name: 'Search',
components: {
AppMenu
},
data () {
return {
status: []
}
}
}
Как передавать item.key в status ?
