Как правильно использовать router-link?

Question

[AlexCruel]

<a v-on:mouseenter="value1 = true" v-on:mouseleave="value1 = false">
          <img class="test1 test" width="500" height="500" src="../assets/img/1.jpg" />
        </a>

Заменяю на => пропадает ссылка с картинкой.
Что-то странное происходит. Оборачивал роутом и span с фрагментами, и всё работало (ничего не пропадало).

Comments

[Aetae]

Что ты где заменяешь, что там где пропадает и при чём тут router-link?

[AlexCruel]

Aetae, втф что здесь с комментариями происходит!!! а заменяю на роутер, и всё пропадает (то, что внутри).

[Aetae]

AlexCruel, чтобы писать код - используйте тег код, очевидно.
Ничего не пропадает, всё работает:
Разве что события надо вешать как .native.

[AlexCruel]

Aetae, да, я использовал тег-код)) Надо уже отдыхать, а то голова не варит.
Из вашего кода много чего любопытного узнал ;) Учиться мне и учиться.
А зачем native?

[Aetae]

AlexCruel, кастомный компонент(т.е. любой не html-тэг) отдаёт только те события, какие хочет.
Т.е. вешая обработчик события на такой компонент вы ждёте именно его, компонента а не dom, события.
Модификатор же native говорит вешать обработчики на нативный корневой элемент компонента($el).
Обычно авторы кастомных компонентов просто пробрасывают всё события с корневого элемента вверх, чтоб пользователи не парились по таким вопросам.

[AlexCruel]

Aetae, нужно было указать атрибут to="/ссылка" :)

Answer 1

[AlexCruel]

Атрибут to="/ссылка".