Vue router go(-1)?

Question

[Игорь]

Коллеги, добрый вечер!

Проблема с навигацией.
Я выполняю навигацию по роутам, но когда мне требуется отмотать назад $router.go(-1) возвращаюсь всего на одну единицу назад.

Не работает хронология.

Что я делаю не так?

<v-btn
          v-if="$route.path !== '/'"
          icon
          @click.once="$router.go(-1)"
        ><v-icon>mdi-arrow-left</v-icon>
        </v-btn>

Comments

[Игорь]

Мне кажется я понял, когда навигацию выполняю

router.push({ path: '/user', params: { userId } }) // история сохраняется
router.push({ name: 'user') // история не сохраняется

[Владимир Сартаков]

Игорь,
> router.push({ name: 'user')

- А каков именованный маршрут user?
Что то типа?:
routes: [
{
path: '/user/:userId',
name: 'user',
component: User
}
]

[Владимир Сартаков]

> Я выполняю навигацию по роутам, но когда мне требуется отмотать назад $router.go(-1) возвращаюсь всего на одну единицу назад.
- На одну единицу назад и должен быть переход. На сколько ожидаете?

[Игорь]

Владимир Сартаков,

- На одну единицу назад и должен быть переход. На сколько ожидаете?

Первый вызов $router.go(-1)
Второй вызов $router.go(-1)

И так пока не вернусь в исходную точку.

Как я понял, история не сохраняется если выполнять переход по имени роута

export default [
  {
    path: "/",
    name: "catalog",
    view: "catalog",
    meta: {
      title: "Главная",
      breadcrumbs: [
        {name: "Главная"}
      ],

      middleware: [
        customer
      ]
    }
  },

  {
    path: "/cart",
    name: "cart",
    view: "cart",
    meta: {
      title: "Корзина",
      breadcrumbs: [
        {name: "Главная", href: "/"},
        {name: "Корзина"}
      ]
    }
  },

  {
    path: "/orders",
    name: "orders",
    view: "orders",
    meta: {
      title: "Заказы",
      breadcrumbs: [
        {name: "Главная", href: "/"},
        {name: "Заказы"}
      ]
    }
  },

  {
    path: "/info",
    name: "info",
    view: "info",
    meta: {
      title: "Информация",
      breadcrumbs: [
        {name: "Главная", href: "/"},
        {name: "Информация"}
      ]
    }
  },

  {
    path: "/termsofuse",
    name: "termsofuse",
    view: "termsofuse",
    meta: {
      title: "Пользовательское соглашение",
      breadcrumbs: [
        {name: "Главная", href: "/"},
        {name: "Пользовательское соглашение"}
      ]
    }
  },


  {
    path: "/about",
    name: "about",
    view: "about",
    meta: {
      title: "О нас",
      breadcrumbs: [
        {name: "Главная", href: "/"},
        {name: "О нас"}
      ]
    }
  },

]

[pavelbazhan]

Не совсем понял вопрос, но

возвращаюсь всего на одну единицу назад

Возможно потому что стоит модификатор события .once: @click.once="$router.go(-1)" И событие, как и должно, срабатывает лишь единожды

история не сохраняется

Если в настройках роутера стоит mode: 'history', то история вроде бы должна сохраняться в любом случае (если использовать .push, конечно)

[Игорь]

pavelbazhan, Пардон

<v-btn
          v-if="$route.path !== '/'"
          icon
          @click="$router.go(-1)"
        ><v-icon>mdi-arrow-left</v-icon>
        </v-btn>

Да действительно once мой враг.
Не обратил внимание, хотя понимаю для чего он.

Спасибо!

[Игорь]

Игорь, Все мои прежние выводы утратили силу.