таблица:
<tr v-for="reg in regs" v-if="reg.status == status">
<th scope="row">{{reg.id}}</th>
<td>{{reg.created_at}} </td>
<td>{{reg.id}} </td>
<td>{{reg.document}} </td>
<td>{{reg.note}} </td>
<td>{{reg.counterparty}} </td>
<td>{{reg.price}} </td>
</tr>
и есть фильтр :
<label >Состояние</label>
<div class="checkbox">
<label><input type="checkbox" value="0" v-model="status">В разработке</label>
</div>
<div class="checkbox">
<label><input type="checkbox" value="1" v-model="status">Действующий</label>
</div>
<div class="checkbox ">
<label><input type="checkbox" value="2" v-model="status">Исполнен</label>
</div>
<div class="checkbox ">
<label><input type="checkbox" value="3" v-model="status">Расторгнут</label>
</div>
<div class="checkbox ">
<label><input type="checkbox" value="4" v-model="status">Аннулирован</label>
</div>
вот дата:
data() {
return {
regs: {},
status: [],
}
},
пример данных:
regs:Array[2]
0:Object
document:"Вид документа"
id:1
company:"1"
companysigned:"2"
counterparty:"Контрагент"
counterpartysigned:"1"
category:"Категория"
created_at:"2017-05-21 08:11:38"
note:"3"
price:"4"
status:"1"
unit:"Подразделения"
updated_at:"2017-05-21 08:11:38"
1:Object
document:"Вид документа"
id:2
company:"3"
companysigned:"3"
counterparty:"Контрагент"
counterpartysigned:"2"
category:"Категория"
created_at:"2017-05-21 13:16:20"
note:"4"
price:"5"
status:"2"
unit:"1"
updated_at:"2017-05-21 13:16:20"
status:Array[0]
Лучше скрином показать или пруф на гитхаб
Обсуждают сегодня