vue 리스트 row(행) 수 고정하기
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>
Author And Source
이 문제에 관하여(vue 리스트 row(행) 수 고정하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@park0eun/vue-리스트-row행-수-고정하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)