반응형
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
반응형
'program tip' 카테고리의 다른 글
테이블의 한 필드 만 기준으로 Linq에서 구별 (0) | 2020.08.03 |
---|---|
Object.freeze () 대 const (0) | 2020.08.03 |
몽구스로 ObjectId를 생성하려면 어떻게해야합니까? (0) | 2020.08.03 |
Windows 용 XAMPP를 사용하여 MySQL 명령 줄에 어떻게 액세스 할 수 있습니까? (0) | 2020.08.03 |
Android Webview는 net :: ERR_CACHE_MISS 메시지를 제공합니다. (0) | 2020.08.03 |