Vue. js именованный маршрутизатор-ссылка не сгенерирована - PullRequest
Новая
       6

Vue. js именованный маршрутизатор-ссылка не сгенерирована

0 голосов
/ 07 мая 2020

Я пытаюсь использовать <router-link> для создания ссылки на представление, но он не создает правильную ссылку.

В компоненте TS: 

      <div id="nav">
        <ul class="menu-list">
          [...]
          <li><router-link to="{name: 'profile'}">Profile section 2</router-link></li>
          <li><router-link to="/about">About section</router-link></li>
        </ul>
      </div>

In router/index.ts : 

import Profile from '../views/Profile.vue'

[...]
{
    path: '/profile',
    name: 'profile',
    component: Profile,
    props: true
  },
[...]

Вот ссылка "сгенерирована":
<a data-v-25a8ea9c="" href="/ui/{name: 'profile'}" class="router-link-exact-active router-link-active">Profile section 2</a>
И, конечно же, на странице отображается моя пользовательская ошибка 404.

The About ссылка сформирована правильно:
<a data-v-25a8ea9c="" href="/ui/about" class="">About section</a>

1 Ответ

1 голос
/ 07 мая 2020

Вам необходимо использовать :to, но вы используете to без двоеточий:

Замените: 

<li><router-link to="{name: 'profile'}">Profile section 2</router-link></li>

на: 

<li><router-link :to="{name: 'profile'}">Profile section 2</router-link></li>

Уведомление :, который я вставил туда раньше to. В отсутствие ведущего : вы не привязываете экземпляр Vue к этому элементу, поэтому маршрутизатор Vue не распознает это как допустимый путь.

...