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

   Á¶È¸ 4320   Ãßõ 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 3600/5691
2015-12   1552752   ¹é¸Þ°¡
2014-05   5017354   Á¤ÀºÁØ1
2015-06   4308   GTX660
2023-09   4308   À̸ŸÁ·®2
2015-04   4308   ½Öcpu
2014-06   4308   ±èÇö¸°
2017-08   4308   ÀÌÇϳª
2012-12   4308   À̼±È£
2023-03   4308   ¹Ì¿ìÁö½Ã¾ð
2019-11   4308   ÄËƲ¸®12
2016-04   4308   ¾îÄg
2016-10   4308   Àº¹ÐÇÏ°Ôºü¡¦
2018-05   4308   ±è°Ç¿ì
2019-07   4308   kino0924
2007-01   4308   ±èµ¿¿ø
2016-12   4308   lovemiai
2016-01   4308   Á¶¾Æ
2016-04   4308   Æ۽̱Û
2015-12   4308   Èûµå³×°ø¼³
2014-10   4307   Á¤ÀÇÇÑ
2014-02   4307   ¿¹»ó¾Æºü
2016-04   4307   ¿ì¸®4¶û