@lmnsky84

Как отследить состояние сортировки по убыванию/возрастанию vue js?

Подскажите, как правильно отслеживать состояние сортировки, т.е. при каждом последующем клике на th данные сортировались в обратном порядке, код:
<tempate>
<table>
...
<th @click="sorted({ sortedBy: 'id', type: 'integer'}, $event)">Id</th>
<th @click="sorted({ sortedBy: 'title', type: 'string'}, $event)">title</th>
<th @click="sorted({ sortedBy: 'name', type: 'string'}, $event)">name</th>
...
</table>
</tempate>

<script>
...
data: {
    list: [
        {id, title, name},
        ...
    ]
},
methods: {
    sorted({sortedBy, type}, e) {
    }
}
...
</script>
  • Вопрос задан
  • 141 просмотр
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Добавить в компонент булево свойство, которое будет обозначать порядок сортировки, и переключать его значение при вызовах метода sorted. Например.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы