Как добавить текст в router-link в VueJS

#javascript #html #node.js #vue.js

#javascript #HTML #node.js #vue.js

Вопрос:

Я пытаюсь добавить текст в свой атрибут «кому», используя router-link. Код, который я написал

 <router-link :to="camp._id" class="btn btn-primary">Know more</router-link> // it redirects to the route localhost/23bjsaki24r...
  

Мое требование — перенаправить пользователя на route — localhost/campgrounds/23bjsaki24r … вместо localhost/23bjsaki24r…
Как я могу добавить строку «campgrounds» перед camp._id? Спасибо

P.S: Я использую Vuejs

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

1. создайте средство получения, посмотрите на именованные маршруты или что-то вроде :to="`campgrounds${camp._id}`"

Ответ №1:

Хахаха, nvm, я перерыл документы vue-router и нашел решение.

 <router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
  

Этот фрагмент кода дал мне более четкое представление о том, как добавить дополнительные параметры к моему атрибуту «: to».

Решение моей проблемы

 <router-link :to="{ name: 'Campground', params:{id:camp._id}}" class="btn btn-primary">Know more</router-link>
  

Где имя: -принимает имя компонента, а параметры: -принимает дополнительные параметры, которые я определил в своем файле vue-router.