Задать вопрос
@dmitry2000

Как менять иконку при сортировке каждого столбца?

Есть кодпен
Реализована сортировка. Но нужно менять иконку при сортировке. Как это сделать у текущего столбца?
  • Вопрос задан
  • 74 просмотра
Подписаться 1 Простой Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Заменить

<div class="img">
  <img
    v-if="
      currentSort === tableHeader.name && currentSortDir === 'desc'
    "
    src="https://avatars.mds.yandex.net/i?id=2a00000179dddfd8448e981541c75114a166-4080640-images-thumbs&n=13"
    alt=""
  />
  <img v-else src="https://avatars.mds.yandex.net/i?id=f5c72675790756bfeb0dbe860b634778-5110698-images-thumbs&n=13" alt="" />
</div>

на

<div class="img" v-if="currentSort === tableHeader.influencerSync">
  <img
    :src="currentSortDir === 'desc'
      ? 'https://avatars.mds.yandex.net/i?id=2a00000179dddfd8448e981541c75114a166-4080640-images-thumbs&n=13'
      : 'https://avatars.mds.yandex.net/i?id=f5c72675790756bfeb0dbe860b634778-5110698-images-thumbs&n=13'
    "
  />
</div>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы