vue 리스트 row(행) 수 고정하기

박영은·2022년 1월 12일
0

vue

목록 보기
17/18

ex) 불러오는 데이터가 2개 뿐이더라도 row 수는 5개로 기본 고정하고 싶을 때.

<template>
  <ul>
  	<!-- data 뿌리는 부분 -->
  	<li  
           v-for="(aaaData, in) in getAaaData"
           :key="i"
           ....
        >
           <span>{{aaaData.name}}</span>
           <span>{{aaaData.birthday}}</span>
           <span>{{aaaData.telNum}}</span>
        </li>
        
        <!-- row 수 고정하는 부분 -->
        <li v-for="i in 5-getAaaData.length" :key="i">
           <span></span>
           <span></span>   <!-- 데이터를 3종씩 담아오니까 3칸 -->
           <span></span>
        </li>
  </ul>
</template>
profile
Front-end

0개의 댓글