Блог

Главная - Вопросы по программированию - Как перейти к динамическому маршруту с помощью директивы nuxt «to»

Как перейти к динамическому маршруту с помощью директивы nuxt «to»

#javascript #vue.js #nuxt.js

Вопрос:

Это работает:

 <tr
   v-for="item in favourites.slice(0, 5)"
   :key="item.id"
   @click="$router.push('/items/'   item.id)"
>

Но я хочу написать что-то подобное, потому что я думаю, что это выглядит чище:

 <tr
   v-for="item in favourites.slice(0, 5)"
   :key="item.id"
   nuxt
   :to="`/items/${item.id}`"
>

Я думаю, что это не работает, потому что Nuxt просто ищет «кому» и не понимает модификатор»:».
Есть ли какой-либо способ получить динамические значения в теге «кому», или мне просто нужно придерживаться первого примера, который работает?

Ответ №1:

Вы можете использовать NuxtLink.

 <NuxtLink
   v-for="item in favourites.slice(0, 5)"
   :key="item.id"
   tag="tr"
   :to="`/items/${item.id}`"
>

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

1. Я только что понял, что моя проблема не в «:to», а в том, что мой div-это <tr>, где даже статическое to=»/item/1″ не работает, потому что у него нет прослушивателя onClick, я думаю?

Метки: