대한민국안녕하십니까 Vue/Vuetify 이용해 간단한 페이지 하나를 만들어보고있습니다.
헌데 하이퍼링크 중간에 변수가 삽입되어야 해서 질문을 드립니다...
아래의 굵은글씨 href= 'http://nas{{i+1}}.test.com'
가 각각
와같이 들어가야하는데 저 i라는 변수를 어떻게 처리해야할지 몰라 질문을 드립니다...
<v-col
v-for="(item, i) in 12"
:key="i"
cols="12"
>
<v-card
dark
>
<v-list-item two-line>
<v-card-title class="headline"><h3>{{i+1}}신청</h3></v-card-title>
<v-card-actions>
<div class="order">
<v-btn
href= 'http://nas{{i}}.test.com'
>
링크바로가기
</v-btn>
</div>
</v-card-actions>
</v-list-item>
</v-card>
</v-col>
v-btn 을 생성하시는게 가장 좋은듯
그게 아니라면.. 템플릿 리터럴을 사용하시면 됩니다..
1 앞에 있는 특수기호 이고
` ` 사이에 .. 지금처럼 사용하시면 됩니다 ${}
`My name is ${first} ${last}.`
이런식으로요
href= `http://nas ${i+1}.test.com`
이렇게 사용하시면 되고 함수 v-btn 레퍼런스 보시고 :href 로 해야 할 수도 있습니다.
다시 찾아보고 시도해보겠습니다
감사합니다^^
또는
makeUrl 메서드를 만들구
<v-btn :href="makeUrl(i)">
여러 방법이 가능합니다.
번외로..
<v-btn @click="go(i)">
이렇게 하고 go 메서드에서 location.href=...