Есть переменная, содержащая в себе массив объектов. При клике на checkbox
, объекты сортируются в зависимости от первой буквы в значении одного из ключей. То есть, сортируются по алфавиту.
НО. Как сделать так, чтобы при повторном клике (когда чекбокс принимает false
), массив объектов приходил к исходному виду?
new Vue({
el: '.townsProject',
data: {
towns: [{
town: Moscow,
yearvisited: 2015
},
{
town: Saint - Petersburg,
yearvisited: 2019
},
{
town: Novorossiisk,
yearvisited: 2016
}
]
},
methods: sort: function() {
this.towns.sort(function(a, b) {
if (a.town > b.town) {
return 1;
}
if (a.town < b.town) {
return -1;
}
return 0;
})
}
<div class="townsProject">
<input class="container__movieList__seen" type='checkbox' id='sort2' v-on:click="sort()">
<label for='sort2'>Отсортировать по алфавиту</label>
</div>