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

   Á¶È¸ 4239   Ãßõ 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 1141/5686
2014-05   4985009   Á¤ÀºÁØ1
2015-12   1521012   ¹é¸Þ°¡
2007-10   5066   ½Å¼ºÈ­
2005-04   5911   ¹Ú¿ì¿­
2002-06   14991   ±è»óÇö
2002-11   11589   ±èÁ¤ÇÑ
2008-12   22434   ÀåÅÂÁÖ
2003-11   11627   °­Èñȯ
2004-01   8717   ±èµ¿·ü
2005-01   6802   ½ÅÀǽÄ
2003-05   9010   ÃÖÈ£±æ
2003-08   8549   Á¤º´ÈÆ
2007-03   5080   À̼ºÁØ
2007-10   5567   ¹éÀÎÇÐ
2007-10   4550   ±èÇö¿ì
2008-01   5793   À±È£¿ë
2005-04   6626   Á¤ÀºÁØ
2002-11   12372   ÃÖÈ£±Ù
2005-10   5620   ÀÌÁ¦È£
2003-05   11052   À±¿µ¼±
2004-07   7704   ¿À±â·æ
2008-01   5709   ±èµ¿½Ä