vue, vuetify ¸µÅ© Áß°£¿¡ º¯¼ö»ðÀÔ Áú¹®ÀÔ´Ï´Ù...

   Á¶È¸ 3894   Ãßõ 0    

안녕하십니까 Vue/Vuetify 이용해 간단한 페이지 하나를 만들어보고있습니다.

헌데 하이퍼링크 중간에 변수가 삽입되어야 해서 질문을 드립니다...

아래의 굵은글씨 href= 'http://nas{{i+1}}.test.com'

가 각각

http://nas1.test.com

http://nas2.test.com

http://nas3.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>

ªÀº±Û Àϼö·Ï ½ÅÁßÇÏ°Ô.
±èÁ¦¿¬ 2019-12
array ¸¸µé¾î¼­ .. º¯¼ö°ªÀ».. ³Ö°í v-for ¸¦ µ¹¸®¼Å¼­
v-btn À» »ý¼ºÇÏ½Ã´Â°Ô °¡Àå ÁÁÀºµí
±×°Ô ¾Æ´Ï¶ó¸é.. ÅÛÇø´ ¸®ÅÍ·²À» »ç¿ëÇÏ½Ã¸é µË´Ï´Ù..
1 ¾Õ¿¡ Àִ Ư¼ö±âÈ£ ÀÌ°í
` ` »çÀÌ¿¡ .. Áö±Ýó·³ »ç¿ëÇÏ½Ã¸é µË´Ï´Ù ${}
`My name is ${first} ${last}.`
ÀÌ·±½ÄÀ¸·Î¿ä
href= `http://nas ${i+1}.test.com`
ÀÌ·¸°Ô »ç¿ëÇÏ½Ã¸é µÇ°í ÇÔ¼ö v-btn ·¹ÆÛ·±½º º¸½Ã°í :href ·Î ÇØ¾ß ÇÒ ¼öµµ ÀÖ½À´Ï´Ù.
     
°¨»çÇÕ´Ï´Ù^^
          
±èÁ¦¿¬ 2019-12
ã¾Æº¸´Ï ±×³É href ·Î »ç¿ëÇϽøé. aÅ×±×·Î º¯È¯µÈ´Ù°í Çϳ׿ä .
¹Ú°æ¿ø 2019-12
href°°Àº html attribute¿¡ º¯¼ö¸¦ ¿¬°á½Ãų¶§¿¡´Â v-bind ¾²½Ã¸é µË´Ï´Ù
     
v-bind°¡ °è¼Ó ³ª¿Í¼­ ÇØ”f´Âµ¥ ¾ÈµÇ¾î¼­ ¾Æ´Ñ°¡º¸´Ù Çß½À´Ï´Ù.
´Ù½Ã ã¾Æº¸°í ½ÃµµÇغ¸°Ú½À´Ï´Ù
°¨»çÇÕ´Ï´Ù^^
ÂùÀÌ 2019-12
<v-btn :href="'http://nas' + i + '.test.com'">
¶Ç´Â

makeUrl ¸Þ¼­µå¸¦ ¸¸µé±¸
<v-btn :href="makeUrl(i)">

¿©·¯ ¹æ¹ýÀÌ °¡´ÉÇÕ´Ï´Ù.

¹ø¿Ü·Î..
<v-btn @click="go(i)">
ÀÌ·¸°Ô ÇÏ°í go ¸Þ¼­µå¿¡¼­ location.href=...
     
°¨»çÇմϴ٠ù¹ø° ¹æ¹ýÀ¸·Î ÇØ°áÇÏ¿´½À´Ï´Ù^^


QnA
Á¦¸ñPage 250/5574
2015-12   999238   ¹é¸Þ°¡
2014-05   4443157   Á¤ÀºÁØ1
2023-01   1343   ¹Ì´ã
2023-01   1601   µö¸¶Àεå
2023-01   1093   °í¾çÀ̴¾ֿË
2023-01   1098   °Ü¿ï³ª¹«
2023-01   659   JJAMTIGER
2023-01   677   Midabo
2023-01   679   ¹¹µçÆȾƿä
2023-01   2835   ȸ¿ø
2023-01   1016   ÈÄ¿ì
2023-01   1955   ½ÅÀº¿Ö
2023-01   5312   ¹«½î»Ôó·³
2023-01   1290   isilentwind
2023-01   2230   ¿ÜÄ¡´Â¸¾
2023-01   1398   Àü¼³¼ÓÀǹ̡¦
2023-01   3433   pibang
2023-01   888   parknin
2023-01   718   ³Ä¾Æ¾Æ¾Æ¾Ï
2023-01   3050   VSPress
2023-01   937   ¸®²Ã¶ó
2023-01   870   Uinx