Vue router: подняться на один (переменный) уровень

Question

кажется, никто не имел этот вопрос раньше ...?(или я просто не знаю правильных слов для этого: D)

я хочу иметь очень простой заголовок на каждой странице моего приложения, который позволяет пользователю идти «вверх».просто.

пример: пользователь включен page.com/users/browse/, нажимает на заголовок, перемещается к page.com/users/, нажимает снова, перемещается к page.com.ничего более.он просто должен быть переменным, поэтому я могу поместить его в компонент, и он будет работать везде

как я могу это сделать?я пробовал vue. $ route, но есть только строка полного URL.Есть ли удобный способ сделать это?или я должен разделить URL-адрес на / и построить маршрут сам?

спасибо:)

Answer 1

Попробуйте добавить метод для перехода на один уровень вверх, получив маршрут маршрута и затем разделив его.Вот что сработало для меня:

upOneLevel(){
       var upperPath = this.$route.path.split("/")

       if(upperPath.length > 0) {
         upperPath.splice(upperPath.length-1)
         this.$router.push(upperPath.join("/"))
       }
     }

Затем вы можете добавить кнопку, которая вызывает этот метод, чтобы подняться на один уровень вверх, но не дальше, чем корень.Этот метод будет работать независимо от того, правильно ли были вложены ваши маршруты.

Answer 2

Эта функциональность имеет название «Хлебные крошки».Проверьте это: 1 , 2 , 3 или поищите это в своих рамках.