ejl
185
2018-11-27 10:17:03
3
597

vue 반복문을 jsp 나 php,ejs 처럼 사용할 수는 없을까요?



 vue 로 프론트단을 하던중 반복문을 사용해야될 일이 있는데, 원하는 방식으로 할 수가 없어서 질문드립니다.ㅜㅜ

...

<tbody v-for="itm in list">

 <tr>

 <td> 반복내용 1-1 <td>

<tr>

 <tr>

 <td> 반복내용 1-2 <td>

<tr>

...

</tbody>

이런식으로 tbody가 반복되는 와중에 2개의 tr 을 반복시키고자 하는데, 어떻게 해야될지 모르겠어요ㅠ

  다른것처럼 <%for(... {%>

<tr>

..

<% } %>

이런식으로 사용할 방법은 없을까여?

 구글링 하여 찾아보았지만  v-for 밖에 보이질 않네여ㅠ 도움 부탁드립니다.


0
0
  • 답변 3

  • KDH0110
    153
    2018-11-27 10:48:22

    <tr v-for="n in 2">{{반복 내용}}</tr>


    이렇게 하시면 2번 반복되지 않나요?

    1
  • Soonpyo
    112
    2018-11-27 11:17:37

    아래와 같이 가상태그로 묶어서 사용할 수 있습니다.

    <table>
    <tbody v-for="index in 10" :key="index">
    <template v-for="index2 in 10">
    <tr :key="'a' + index + index2"><td>{{index2 + index}}</td></tr>
    <tr :key="'b' + index + index2"><td>{{index}}</td></tr>
    </template>
    </tbody>
    </table>
    2
  • ejl
    185
    2018-11-29 10:20:51

    두분 모두 답변해주셔서 감사합니다. 


     KDH0110님 답변의 경우 제가 원하는 결과값을 얻을수가 없습니다.

      제가 질문을 잘못하여서 잘못 이해하셔서 그런것 같아요. 죄송합니다 ㅠㅠ

    Soonpyo 님 방법으로 하였더니 제가 원하는 결과값을 얻을 수 있었어요. 감사합니다!

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.