dilikpulatov
@dilikpulatov
веб-программист

Как правильно написать переменные в атрибут элемента Vuejs?

Здравствуйте!
Я в вю ещё новичок
итак у меня такая проблема
<div class="list-group">
	<template v-for="(user, i) in users">
		<router-link class="list-group-item" to="/user/{{user.id}}">{{ i }}: {{ user.name }}</router-link>
	</template>
</div>

<script>
	export default{
		data(){
			return{
				users:[
					{name:'User 1', id: 45},
					{name:'User 2', id: 55},
					{name:'User 3', id: 63},
					{name:'User 4', id: 82},
					{name:'User 5', id: 16}
				],
			}
		},
	}
</script>

там в тег router-link атрибут to как правильно написать переменные?
  • Вопрос задан
  • 1273 просмотра
Решения вопроса 3
kulakoff
@kulakoff Куратор тега Vue.js
Vue.js developing
Вот так попробуйте: :to="`/user/${user.id}`"
Ответ написан
@RaulDuke
Добрый день, я делаю так:

<router-link tag="li" :to="{ name: 'user', params: { id: user.id } }" :class="$style.dropdown__item">


const router = new VueRouter({
  mode: 'history',
  linkActiveClass: '_active',
  routes: [
    { path: '/users/:id', component: require('./components/Profile.vue'), name: 'user' }
  ]
});
Ответ написан
Комментировать
@tursumbekov
PHP, CMS, frontend
Перед to забыл поставить двоеточие :to, поэтому не видит переменной, не надо делать как предложил Evgeny Kulakov , это излишне.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы