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

   Á¶È¸ 4264   Ãßõ 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 2072/5688
2014-05   5000935   Á¤ÀºÁØ1
2015-12   1536793   ¹é¸Þ°¡
2016-12   4264   AKMU
2017-11   4265   ¿ÀÀÓ
2013-11   4265   ºí·ç½ºÄ«ÀÌ
2015-04   4265   ¹«¾Æ
2015-10   4265   ±è½Â±Ç
2014-01   4265   ±Ü±Ü
2020-10   4265   ³×ÀÌÃÄ
2016-02   4265   ¿ì·ç¸®·ç
2020-11   4265   ¹Î»çÀå
2016-07   4265   ºÒ¹«°ñ
2017-03   4265   ÀÌ»óÀ±SY
2018-07   4265   Æ۽̱Û
2015-11   4265   Fantasy
2019-12   4265   ´ëÇѹα¹
2017-01   4265   ±èÁ¤¾ð
2013-11   4265   ¹Ú³²±Ô
2014-12   4265   ¾§
2016-06   4266   wdm42
2018-04   4266   Àü¼³¼ÓÀǹ̡¦
2016-05   4266   ³ªÆÄÀÌ°­½ÂÈÆ