개발초보인
90
2021-04-18 21:11:46
3
153

vue.js 카테고리 구현문제 ..



이런식으로 카테고리 부분을 만들고있는데..

<ul>

    <li v-for="item in category" :key"item">

        {{item}}

    </li>

</ul>

이렇게 대분류까지는 반복문 써서 구현이가능한데

예를들면 여성의류 클릭시 여성의류에대한 중분류데이터를 어떤식으로 반복문써서 구현해야 될지감이안잡힙니다..


0
  • 답변 3

  • yykk123
    214
    2021-04-18 22:09:19

    <ul class="category">

      <li 

        v-for="(item, i) in category" 

        :key="'category'+i"

        @click="sub_cate = item.list"

        >

        {{item}}

      </li>

    </ul>

    <ul class="sub-cate">

      <li v-for="(item, i) in sub_cate" :key="'sub-cate'+i">

        {{item}}

      </li>

    </ul>


    이런식으로 하면 될꺼같습니다

    당연히 display는 inline-block으로 바꾸시구용..

  • 캐티
    3k
    2021-04-19 02:19:01

    뷰는 중첩 되니다. item[category] 일케 해서 한번더 v-for 하시면 좋으는쩌여.

  • 개발초보인
    90
    2021-04-19 16:54:39

    덕분에 해결했습니다 ㅠㅠ

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