Как сделать массив в checkbox, такую же как и в radio. То есть при клике на выбранный radio мы получаем данные name и age, как сделать такое же с chekbox'ами, то есть бы при выборе получали через li данные выбранного checkbox'a без кавычек и квадратных скобок
а так же сделать получить отдельный результат с суммой всех 'age' = xx
Мой код:
var app = new Vue({
el: '#app',
data: {
user: {}
}
});
var app = new Vue({
el: '#app1',
data: {
login:[]
}
});
<div id="app">
<input type="radio" v-bind:value="{name:'Tom', age:22}" v-model="user">
<label>Tom</label>
<br>
<input type="radio" v-bind:value="{name:'Bob', age:25}" v-model="user">
<label>Bob</label>
<br>
<input type="radio" v-bind:value="{name:'Sam', age:28}" v-model="user">
<label>Sam</label>
<br>
<span>Выбрано: {{user.name}} - {{user.age}} </span>
</div>
<div id="app1">
<input type="checkbox" value="Jhon" v-model="login">
<label>Jhon</label><br>
<input type="checkbox" value="Richard" v-model="login">
<label>Richard</label><br>
<input type="checkbox" value="Robert" v-model="login">
<label>Robert</label><br>
<input type="checkbox" value="Jack" v-model="login">
<label>Jack</label><br>
<span>Выбрано: {{login}}</span>
</div>
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>