Router link tag не работает

router-link не работает параметр tag

Короче начал сегодня изучать vue, сразу же столкнулся со следующей проблемой. Роутер отказывается изменять дефолтный тег через параметр tag.

есть какие-то мысли по этому поводу? мне не удалось найти никакой инфы

Добавлено через 11 минут
вот мои зависимости

Помощь в написании контрольных, курсовых и дипломных работ здесь.

D-Link Wireless N 300 Router — не работает лампочка wi-fi
Приветствую пользователей форума. Сегодня приобрел Wi-Fi роутер D-Link Wireless N 300 Router.

Router — tp-link-tl-WR841nd интернет работает, но на часть сайтов не заходит
какая то проблема с настройками, к вайфай подлючиться могу,и интернет работает, вот только например.

Rsync и hard link — у меня не работает параметр
Здравствуйте! Преамбула: mkdir /TEST cd /TEST for i in ; do : > $i; done Скрипт:

Router D-Link DI-524
Не как не могу зайти в установку рутера,подключаю к компу,ввожу адрес в 192.168.0.1 как показанно в.

Wi-Fi Router Tp-link TD-W8960N
Всем доброго времени суток.:) Сначала по сути: На работе подключен интернет по средствам линии.

Модем D-Link 2640U router
Ребята,подскажите пожалуйста!Была проблема что один компьютер из двух в домашней сети,не копировал.

D-link dir300 (Нужен quick router setup)
Купил новый роутер. в момент установки ПО выдается ошибка. и программа зависает. Нужен исходный.

D-link Dir 615k1 Wi-fi Router (Убил загрузчик)
Здравствуйте народ, сегодня произошла авария жуткая. Как и написано в название темы D-link Dir.

Настройка tp-link wireless n router wr841n на раздачу прокси
Здравствуйте вот у меня есть роутер tp-link wireless n router wr841n как настроить его что он.

Источник

tag attribute on does not seem to be working / a is always used #148

Comments

mika76 commented Mar 29, 2020

Using router alpha.4 and vue alpha.10

gives me (notice the tag attribute in the final html)

v-slot not helping either (taken directly from vue router 3 api docs).

I get the following

The text was updated successfully, but these errors were encountered:

posva commented Mar 29, 2020

The tag prop isn’t implemented yet as it’s almost always a bad practice because it ends up creating a link on an element that’s isn’t a link, loosing most native features like opening in new tabs and out of the box accessibility so I think this should go through an RFC to gather feedback

The v-slot need a way to detect if a scoped slot is being passed or if it’s a regular one, so it wasn’t done yet but will work

posva commented Apr 1, 2020

Opened vuejs/rfcs#152 to cover this

moniuch commented Mar 28, 2021 •

@mika76 With regards to v-slot usage on router-link — I think one should also place the custom attribute on the router-link elements. Not sure what it does (docs skip it somehow), but it helps to achieve the expected markup (esp when working with opinionated css frameworks)

posva commented Mar 29, 2021

@moniuch you are looking at the v3 docs, which do have the custom attribute. custom has no effect there, it is only added to ease people migration to v4.

The (always up-to-date) link of docs are in this repository homepage

Источник

Почему не рендерятся router-link элементы

У меня есть файл app.vue

И запускаемый файл main.js

Приложение рендерится, ошибок не выводит, но ссылок router-link нету. Не могу понять в чём дело.

Для сборки использую rollup , не знаю имеет ли это значение.

Я во Vue.js новичок, хочу понять как сделать проект с .vue файлами, роутингом, и основным шаблоном.

Решилось добавлением div

Но зачем этот div нужен, не понимаю?

1 ответ 1

Решилось добавлением div . Но зачем этот div нужен, не понимаю?

В Vue html-шаблон любого компонента не может содержать более одного элемента на верхнем уровне. Сделано это с целью упрощения реализации инжектирования кода компонента.

Вот комментарий разработчика Vue в issue на GitHub’е, в которой запрашивается возможность иметь несколько элементов верхнего уровня в одном компоненте:

While that’s something useful in its own right, currently it requires non-trivial changes to the vdom implementation to support it. This is something that falls within «obviously nice to have but not an area of focus for now». We’ll revisit this when we are working on substantial improvements to the vdom in the future.

Эта возможность кажется полезной, но чтобы добавить её придётся сделать нетривиальные изменения в текущей реализации виртуального DOM. То есть очевидно было бы здорово иметь её, но это не то, на чём сейчас стоит сосредоточиться. Возможно что-то изменится в следующих релизах.

Насчёт этой части:

Я во Vue.js новичок, хочу понять как сделать проект с .vue файлами, роутингом, и основным шаблоном.

Имхо, наиболее удобный способ — создавать проект, используя vue-cli и один из готовых шаблонов, например webpack.

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

Источник

RouterLink не работает

Моя маршрутизация в приложениях angular2 работает хорошо. Но я собираюсь создать routeLink на основе этого:

Вот моя маршрутизация:

И вот ссылки, которые я сделал:

Я ожидаю, что когда я нажимаю на них, он переходит к уважаемому компоненту, но они ничего не выполняют?

14 ответов

Код, который вы там показываете, абсолютно правильный.

Я подозреваю, что ваша проблема в том, что вы не импортируете RouterModule (где объявлен RouterLink) в модуль, который использует этот шаблон.

У меня была аналогичная проблема, и мне потребовалось время, чтобы решить, поскольку этот шаг не упоминается в документации.

Итак, перейдите к модулю, который объявляет компонент с этим шаблоном, и добавьте:

Затем добавьте его в свой импорт модулей, например.

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

Попробуйте изменить ссылки, как показано ниже:

Также добавьте в заголовок index.html следующее:

Ссылки неверные, вы должны сделать это:

Вы можете прочитать это руководство

Я знаю, что этот вопрос уже довольно старый, и вы, скорее всего, его уже исправили, но я хотел бы опубликовать здесь как ссылку для всех, кто найдет этот пост при устранении этой проблемы, заключается в том, что такого рода вещи выиграли не работает, если ваши теги привязки находятся в Index.html. Он должен быть в одном из компонентов

В большинстве случаев проблема связана с орфографической ошибкой в

Просто проверьте еще раз на орфографию.

Если у вас есть панель навигации внутри компонента и вы объявили свой стиль активным в этой таблице стилей, это не сработает. В моем случае это была проблема.

Мой элемент моей навигационной панели с использованием углового материала был:

Поэтому я поместил этот стиль в свой style.scss в корень

Надеюсь, это поможет вам, если другие решения не помогли.

В моем случае в моем VS-коде была строка-оболочка, и, по-видимому, не было пробела между концом закрывающей кавычки, принадлежащей [routerLink], и атрибутом next. Line-wrapper разделил это на две строки, поэтому пропущенное пространство осталось незамеченным.

Есть и другой случай, который подходит к этой ситуации. Если в вашем перехватчике вы заставили его возвращать не логическое значение, конечный результат будет таким.

Например, я пытался вернуть материал obj && objRouter link tag не работает . После некоторой отладки я понимаю, что мне нужно вручную преобразовать это в логический тип, например Boolean(obj && objRouter link tag не работает) , чтобы позволить щелчку пройти.

Используйте это так, чтобы получить дополнительную информацию, прочтите эту тему

Для не очень острых глаз, как у меня, у меня было href вместо routerLink , мне потребовалось несколько поисков, чтобы выяснить это #facepalm.

Следуя рабочему образцу, я нашел решение для случая чистого компонента. :

Я использовал routerlink вместо routerLink .

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

public-routing.module.ts:

Переместите < path: '**', redirectTo: 'home' >в свой AppRoutingModule:

public-routing.module.ts:

Не забудьте это добавить в свой шаблон ниже:

Источник

Как заставить работать router-link с компонентом custom link?

Компонент

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

Заставьте использовать

При использовании компонента для создания ссылки я не могу применить эти стили ( стили ограничены), если не использует мой компонент для создания элемента привязки.

К счастью, предоставляет атрибут tag , который, кажется, работает именно так который. К сожалению, я не могу заставить его работать. У меня 2 проблемы:

Все мои компоненты зарегистрированы локально (я использую модули ES6 с Webpack и импортирую компоненты локально каждый раз, когда они мне нужны). не знает, что такое компонент , и не может его отобразить. Есть ли способ внедрить локальный компонент для использования ?

Я подумал, что для решения проблемы №1 достаточно объявить компонент глобально. К сожалению, это все еще не работает. На этот раз компонент отображается правильно, но по-прежнему не работает — не реагирует на события нажатия. Мне кажется, проблема в том, что у него вообще не установлен атрибут href . Есть ли способ заставить установить его правильно? (без настройки вручную)

Вопрос

Как решить проблемы №1 и №2? Я подозреваю, что №1 может быть невозможно, но я надеюсь, что по крайней мере №2.

Пример кода

Вот ручка с приведенным ниже кодом, который иллюстрирует обе проблемы.

2 ответа

Вы можете создать компонент базовой ссылки, который можно использовать как обычный тег a или , когда захотите.

Использование

Если вы хотите использовать его как обычную ссылку, просто не предоставляйте опору router-link , как показано ниже:

Чтобы использовать его как router-link , просто добавьте опору router-link вместе с опорой to :

Пояснение к компоненту базовой ссылки:

• Мы используем component , который предоставляется vuejs для рендеринга <> или router-link на основании истинности опоры routerLink .
• Класс .base добавляется, если это обычная ссылка, то есть a

мы связываем $attrs , что позволяет нам сделать компонент более прозрачным, т.е. позволяет нам использовать такие атрибуты, как href или to , не передавая их как реквизиты.

Вы можете посмотреть здесь, чтобы получить более подробную информацию о использование $attrs

Это для решения проблемы №2

Глобальный компонент не наследует прослушиватель событий ссылки маршрутизатора. Вы можете сделать это наследованием, добавив v-on=»$listeners» к глобальному компоненту.

Источник