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

Question

[Ksey123]

Делаю хлебные крошки, при переходе, допустим, в середину цепочки, нужно что бы элементы впереди удалялись из массива, оставался только активный элемент и то, что было перед ним.
Главная->Категория товаров->Товар1->Подкатегория->Товар2
При клике на Товар1 оставалась только цепочка
Главная->Категория товаров->Товар1
Сейчас реализовано так, что при переходе на товар, методом push передается название товара в массив breadcrumbs.
Я понимаю так, что необходимо что-то типа:
var count = this.breadcrumbs.length;
this.breadcrumbs.pop(product, count);
На выбранном элементе реализованно присутствие class="active", если что.
Заранее большое спасибо за помощь.

Answer 1

[0xD34F]

<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/

Comments

[Ksey123]

Большое спасибо)