Любой способ показать URL-информацию с помощью $router.push()?

#html #vue.js #vue-router #vuejs3

#HTML #vue.js #vue-маршрутизатор #vuejs3

Вопрос:

Недавно я заменил все router-link элементы привязки в своем приложении $router.push() директивами. Теперь я заметил, что $router.push() это скрывает url-info в нижней части окна просмотра и не позволяет пользователю открывать новые вкладки CTRL/CMD click .

Есть ли какой-либо способ показать url-info при наведении курсора и включить создание новых вкладок браузера с помощью вышеупомянутого ярлыка?

Комментарии:

1. Из любопытства, почему вы заменили все lt;router-linkgt; на $router.push() ? К какому элементу $router.push() он прикреплен?

2. @tony19, потому что я новичок и обнаружил, что добавлять операторы $router.push() / $router.back() в элемент проще, чем размещать lt;router-linkgt; теги вокруг элементов. Но я понял от вас, что это, похоже, плохая практика.

Ответ №1:

Добавьте событие нажатия клавиши в тело документа (или другой родительский раздел) для обработки навигации.

Установите атрибут заголовка вашего элемента, похожего на ссылку, на целевой URL-адрес.