program tip

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

radiobox 2020. 8. 3. 08:34
반응형

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


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

<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>

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

반응형