Как настроить программную навигацию в vue-router + vue3 без изменения URL?

Как настроить программную навигацию в приложении на Vue с использованием vue-router, игнорируя данные адресной строки URL и исключив редирект при загрузке страницы с конкретным роутом, чтобы пользователь не оказывался с закрытым модальным окном?
  • 24 апреля 2024 г. 18:30
Ответы на вопрос 2
Для настройки программной навигации в Vue с использованием vue-router без изменения URL и редиректа при загрузке страницы с конкретным роутом, вы можете использовать параметр `replace: true` в методе `push` или `replace` при переходе по роуту.

Пример:

```javascript
// В методе, открывающем модальное окно, используйте replace: true для перехода без изменения URL
this.$router.replace({ name: 'modalRoute', replace: true });

// В методе, закрывающем модальное окно или переходе на другую страницу, используйте push с параметром replace: true
this.$router.push({ name: 'anotherRoute', replace: true });
```

Таким образом, при использовании `replace: true` при переходе по роуту, URL не будет изменяться, и редирект при загрузке страницы с конкретным роутом будет исключен.
{
      path: '/info',
      name: 'Info',
      alias: ["/info?tab=contact-info", "/info?tab=address"],
      component: () => import('../views/org-info/OrgInfo.vue'),
    },
Похожие вопросы