Как из вложенных пунктов меню возвращаться к родительским?

Question

[mindfox]

Делаю менюшку на Vue js, l7beta.staging.wpengine.com . Надо переходить по дочерним пунктам меню, данную функцию реализовал. Следующая функция - возврат назад. Не могу придумать схему, по которой смогу передвигаться по пунктам меню туда/обратно. Если посмотреть на полную переменную, то она такая - items.children[0].children[0].children[1] - и т.д., теперь нужно каким-то образом вернуться назад.

Answer 1

[Александр Дроздов]

Ты сохраняешь в отдельной переменной последовательность переходов, и когда хочешь назад, вычитаешь из конца массива часть, и накладываешь получившийся массив на массив меню, он должен фильтрануться))

Тебе осталось это реализовать в виде функций

Comments

[mindfox]

Спасибо именно так и реализовал, до Вашего ответа

Answer 2

[0xD34F]

Сохранять открытые пункты меню в стек. Верхний элемент стека - текущий список пунктов меню (оформляем в виде вычисляемого свойства). Надо перейти к вложенному - кладём его в стек. Надо закрыть текущий и вернуться к родительскому - удаляем элемент из стека.

https://jsfiddle.net/dLyo3mkw/