Задать вопрос
@Ksey123
vue

Как удалить элементы следующие за выбранным элементом?

Делаю хлебные крошки, при переходе, допустим, в середину цепочки, нужно что бы элементы впереди удалялись из массива, оставался только активный элемент и то, что было перед ним.
Главная->Категория товаров->Товар1->Подкатегория->Товар2
При клике на Товар1 оставалась только цепочка
Главная->Категория товаров->Товар1
Сейчас реализовано так, что при переходе на товар, методом push передается название товара в массив breadcrumbs.
Я понимаю так, что необходимо что-то типа:
var count = this.breadcrumbs.length;
this.breadcrumbs.pop(product, count);
На выбранном элементе реализованно присутствие class="active", если что.
Заранее большое спасибо за помощь.
  • Вопрос задан
  • 83 просмотра
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js 
<button v-for="(n, i) in items" @click="onClick(i)">{{ n }}</button>

methods: {
  onClick(index) {
    this.items = this.items.slice(0, index + 1);
    // или
    // this.items.splice(index + 1, this.items.length - index);
  },
  ...
},

https://jsfiddle.net/z3xh2ts4/
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend developer (middle/senior)
//stablecode
от 210 000 ₽
Fullstack разработчик (Laravel+Vue)
Данафлекс • Казань
от 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сверстать 2 транзакционных письма по макету figma
26 апр. 2024, в 16:36
3000 руб./за проект
Нужен специалист по SQL базам
26 апр. 2024, в 16:34
2000 руб./в час
Дорисовать в Figma каталог товаров
26 апр. 2024, в 16:26
3000 руб./за проект
Ещё заказы