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

   Á¶È¸ 4219   Ãßõ 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
2015-12   1508379   ¹é¸Þ°¡
2014-05   4972052   Á¤ÀºÁØ1
2013-10   9199   ŸÀÌÈ£
2007-05   4763   õÈñ½Â
2015-02   3661   ȲÁø¿ì
2004-10   7016   ¼ÒÇöÁØ
2015-02   6788   ¾Æ¸§´Ù¿î³ëÀ»
2016-04   6672   ȸ¿øK
2018-06   3673   ½Öcpu
2022-05   4777   ±îÄ¡»ê°³²ÜÅÊ
2011-02   6489   À¯È£ÁØ
2018-06   4239   ½Ã¿ÀÈÅÀÌ
2019-08   3365   °Å´Ï½ºÆ®
2017-04   3335   ³ªÆÄÀÌ°­½ÂÈÆ
2020-11   1846   majegersa
2020-11   2473   Áý±¸¼®
2018-07   4175   À¸¶óÂ÷Â÷Â÷
2011-03   6357   ¿©ÁÖÀÌ»óµ·
2016-04   5143   AplPEC
2017-04   3518   ºü½Ã¿Â
2017-04   3374   ±èÁ¦¿¬
2022-05   1898   pumkin