Vue 데이터에서 href로 값을 전달하는 방법?

Vue 데이터에서 href로 값을 전달하는 방법?

난 이런 걸 하려고 한다.

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

의 가치를 어떻게 더해야 할지 알 수 없다.r.id끝까지hrefAPI 호출을 할 수 있도록 속성을 지정하십시오.좋은 의견이라도 있나?

사용할 필요가 있음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>

이것은 또한 도움이 될 수 있다.

<a target="_blank" :href="r.reg_metadato">{{ r.reg_metadato }}</a>

고정 값과 동적 값을 문자열 값으로 연결하면서 바인딩할 수 있음href예시 사용:

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

참조URL: https://stackoverflow.com/questions/40899532/how-to-pass-a-value-from-vue-data-to-href