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

Program / 글쓴이

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

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

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

답변

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

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

또는 

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

답변

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

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

답변

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

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

답변