Vue 데이터에서 href로 값을 전달하는 방법은 무엇입니까?


142

나는 이런 식으로하려고합니다.

<div v-for="r in rentals">
  <a bind-href="'/job/'r.id"> {{ r.job_title }} </a>
</div>  

API 호출을 할 수 있도록 속성 r.id끝에 값을 추가하는 방법을 알 수 없습니다 href. 어떤 제안?

답변:


320

v-bind:또는 별명 을 사용해야 :합니다. 예를 들어

<a v-bind:href="'/job/'+ r.id">

또는

<a :href="'/job/' + r.id">

1
작동하지만 컴파일 오류가 발생합니다. v-for 안에 있기 때문에 문제가 있습니까?
bbennett3611

2
"+"가 필요했습니다. 이 <a :href="'/job/' + r.id"> {{r.job_title}} </a>에 일
bbennett36

59

또는 ES6 템플릿 리터럴을 사용하여이를 수행 할 수 있습니다.

<a :href="`/job/${r.id}`"

0

Vue 2.0의 주 또는 상점에서 오는 링크를 표시하려면 다음과 같이하십시오.

<a v-bind:href="''"> {{ url_link }} </a>

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.