Vue 3. При открытии Vue devtools перестают работать ссылки на странице, как исправить?

Question

Vue 3. При открытии Vue devtools перестают работать ссылки на странице, как исправить?

Kowka_VN Знаток (459), на голосовании 1 год назад

Vue 3, devtools beta, То есть вещи вроде совместимые. Когда только открыл сайт, все работает, как только открываю инструменты разработчика и вкладку vue то все ссылки на странице перестают работать, как будто devtools вешает на ссылки какой то блок. Вручную набирая адрес можно переходить по ссылкам, но почему ссылки могут перестать работать. Кликаю и 0 эффекта

Answer 1

В некоторых случаях, при использовании Vue Devtools в браузере Google Chrome или Firefox, могут возникать проблемы с обработкой ссылок на странице. Это может быть связано с тем, что Vue Devtools может перехватывать события мыши и клавиатуры, что может привести к неправильному поведению ссылок.

Для исправления этой проблемы можно использовать следующий подход:

В Vue Devtools перейдите на вкладку "Settings".
В разделе "General" отключите опцию "Highlight on hover".
Перезагрузите страницу с приложением.

Этот подход должен решить проблему с обработкой ссылок на странице, но может повлиять на другие функции Vue Devtools. Если проблема не решается, попробуйте также временно отключить Vue Devtools и проверить, работают ли ссылки нормально. Если ссылки продолжают не работать, проблема может быть связана с другими аспектами вашего приложения или браузера.